chore: optimize ui styles

This commit is contained in:
javayhu 2025-03-22 08:20:44 +08:00
parent 270882253d
commit 2b6ce8b3ae
4 changed files with 14 additions and 6 deletions

View File

@ -23,7 +23,7 @@ export default function NotFound() {
{t('message')}
</p>
<Button asChild size="lg" variant="default">
<Button asChild size="lg" variant="default" className="cursor-pointer">
<LocaleLink href="/">{t('backToHome')}</LocaleLink>
</Button>
</div>

View File

@ -32,7 +32,7 @@ export function DashboardSidebar({ ...props }: React.ComponentProps<typeof Sideb
className="data-[slot=sidebar-menu-button]:!p-1.5"
>
<LocaleLink href="/">
<Logo className="size-5 rounded-full" />
<Logo className="size-5" />
<span className="truncate font-semibold text-base">
{t('Site.name')}
</span>

View File

@ -31,6 +31,7 @@ export default function Error({ reset }: { reset: () => void }) {
<Button
type="submit"
variant="default"
className="cursor-pointer"
disabled={isPending}
onClick={() => {
startTransition(() => {
@ -50,6 +51,7 @@ export default function Error({ reset }: { reset: () => void }) {
<Button
type="submit"
variant="outline"
className="cursor-pointer"
onClick={() => router.push('/')}
>
{t('backToHome')}

View File

@ -62,7 +62,7 @@ export function ThemeSelector() {
<SelectTrigger
id="theme-selector"
size="sm"
className="justify-start *:data-[slot=select-value]:w-12"
className="cursor-pointer justify-start *:data-[slot=select-value]:w-12"
>
<span className="text-muted-foreground hidden sm:block">
Select a theme:
@ -74,7 +74,9 @@ export function ThemeSelector() {
<SelectGroup>
<SelectLabel>Default</SelectLabel>
{DEFAULT_THEMES.map((theme) => (
<SelectItem key={theme.name} value={theme.value}>
<SelectItem key={theme.name} value={theme.value}
className="cursor-pointer"
>
{theme.name}
</SelectItem>
))}
@ -83,7 +85,9 @@ export function ThemeSelector() {
<SelectGroup>
<SelectLabel>Scaled</SelectLabel>
{SCALED_THEMES.map((theme) => (
<SelectItem key={theme.name} value={theme.value}>
<SelectItem key={theme.name} value={theme.value}
className="cursor-pointer"
>
{theme.name}
</SelectItem>
))}
@ -91,7 +95,9 @@ export function ThemeSelector() {
<SelectGroup>
<SelectLabel>Monospaced</SelectLabel>
{MONO_THEMES.map((theme) => (
<SelectItem key={theme.name} value={theme.value}>
<SelectItem key={theme.name} value={theme.value}
className="cursor-pointer"
>
{theme.name}
</SelectItem>
))}