feat: increase icon size

mwskwong · Dec 17, 2024 · 1ab0757 · 1ab0757
1 parent f5066e1
commit 1ab0757
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
@@ -55,7 +55,7 @@ export const Footer: FC<FooterProps> = async (props) => {
                     rel="noopener"
                     target="_blank"
                   >
-                    <Icon size={18} />
+                    <Icon size={20} />
                   </a>
                 </IconButton>
               ))}

diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -61,14 +61,14 @@ export const Header: FC<HeaderProps> = async (props) => {
             {socialMedia.map(({ Icon, href, name }) => (
               <IconButton key={href} asChild color="gray" variant="ghost">
                 <a aria-label={name} href={href} rel="noopener" target="_blank">
-                  <Icon size={18} />
+                  <Icon size={20} />
                 </a>
               </IconButton>
             ))}
             <Popover.Root>
               <Popover.Trigger className="sm:hidden">
                 <IconButton aria-label="nav menu" color="gray" variant="ghost">
-                  <IconMenu size={18} />
+                  <IconMenu size={20} />
                 </IconButton>
               </Popover.Trigger>
               <Popover.Content asChild align="end">

diff --git a/src/components/home/about.tsx b/src/components/home/about.tsx
@@ -60,7 +60,7 @@ export const About: FC = async (props) => {
             {links.map(({ Icon, href, name }) => (
               <Flex key={href} asChild align="center" gap="3">
                 <Link href={href} target="_blank">
-                  <Icon size={18} />
+                  <Icon size={20} />
                   {name}
                 </Link>
               </Flex>

diff --git a/src/components/home/hero.tsx b/src/components/home/hero.tsx
@@ -37,7 +37,7 @@ export const Hero: FC<HeroProps> = async (props) => {
           </Button>
           <Button asChild highContrast size="4" variant="soft">
             <a href={linkedin} rel="noopener" target="_blank">
-              <IconBrandLinkedin size={18} />
+              <IconBrandLinkedin size={20} />
               LinkedIn
             </a>
           </Button>