fix: update button size

TinsFox · Nov 2, 2024 · 6f6899f · 6f6899f
1 parent 6cd2c27
commit 6f6899f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/src/components/theme/theme-customizer.tsx b/src/components/theme/theme-customizer.tsx
@@ -54,18 +54,18 @@ export function ThemeCustomizer({ className }: ThemeCustomizerProps) {
       <Drawer>
         <DrawerTrigger asChild>
           <Button size="sm" className="md:hidden" variant="ghost">
-            <Palette />
+            <Palette className="size-5" />
           </Button>
         </DrawerTrigger>
         <DrawerContent className="p-6 pt-0">
-          <Customizer />
+          <Customizer className="size-5" />
         </DrawerContent>
       </Drawer>
       <div className="hidden items-center md:flex">
         <Popover>
           <PopoverTrigger asChild>
             <Button size="icon" variant="ghost">
-              <Palette />
+              <Palette className="size-5" />
             </Button>
           </PopoverTrigger>
           <PopoverContent

diff --git a/src/components/theme/theme-switcher.tsx b/src/components/theme/theme-switcher.tsx
@@ -16,8 +16,8 @@ export function ThemeSwitcher() {
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button variant="ghost" size="icon">
-          <Sun className="size-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
-          <Moon className="absolute size-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+          <Sun className="size-5 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+          <Moon className="absolute size-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
           <span className="sr-only">Toggle theme</span>
         </Button>
       </DropdownMenuTrigger>

diff --git a/src/pages/(admin)/layout.tsx b/src/pages/(admin)/layout.tsx
@@ -1,3 +1,4 @@
+import { CircleHelp } from "lucide-react"
 import { Link, Outlet } from "react-router-dom"
 
 import { Icons } from "@/components/icons"
@@ -34,12 +35,12 @@ export function Component() {
               <Search />
               <Link to="https://github.com/TinsFox/shadcnui-boilerplate" target="_blank">
                 <Button variant="ghost" size="icon">
-                  <Icons.gitHub className="size-6" />
+                  <Icons.gitHub className="size-5" />
                 </Button>
               </Link>
               <Link to="https://shadcnui-boilerplate.pages.dev" target="_blank">
                 <Button variant="ghost" size="icon">
-                  <Icons.document className="size-6" />
+                  <CircleHelp className="size-5" />
                 </Button>
               </Link>
               <ThemeSwitcher />