Update app store links

rarimo · Jun 19, 2024 · 43d8d72 · 43d8d72
1 parent ed2ea18
commit 43d8d72
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/common/AppStoreLinks.tsx b/src/common/AppStoreLinks.tsx
@@ -7,24 +7,29 @@ export default function AppStoreLinks({ className }: { className?: string }) {
       // TODO: Update App Store link
       href: 'https://www.apple.com/app-store/',
       img: '/images/app-store.svg',
+      isDisabled: true,
     },
     {
       label: 'Google Play',
       // TODO: Update Google Play link
       href: 'https://play.google.com/store',
       img: '/images/google-play.svg',
+      isDisabled: true,
     },
   ]
 
   return (
     <div className={cn('flex h-max gap-4', className)}>
-      {links.map(({ label, href, img }, index) => (
+      {links.map(({ label, href, img, isDisabled }, index) => (
         <a
           key={index}
           href={href}
           target='_blank'
           rel='noreferrer'
-          className='transition-transform duration-300 ease-in-out hover:scale-110'
+          className={cn(
+            'transition-transform duration-300 ease-in-out',
+            isDisabled ? 'pointer-events-none opacity-50' : 'hover:scale-110',
+          )}
         >
           <img className='h-10' src={img} alt={label} />
         </a>

diff --git a/src/common/MobileMenu.tsx b/src/common/MobileMenu.tsx
@@ -14,7 +14,7 @@ export default function MobileMenu({ isOpen, onClose }: Props) {
         <>
           <div
             className={cn(
-              'absolute bottom-0 left-0 z-50 flex w-screen origin-top translate-y-full flex-col items-center gap-6 bg-background-container p-16 transition-all duration-300 ease-in-out',
+              'absolute bottom-0 left-0 z-50 flex w-screen origin-top translate-y-full flex-col items-center gap-6 bg-background-container p-16 transition-all duration-300 ease-in-out h-sm:gap-4 h-sm:py-8',
               isOpen ? 'scale-y-100' : 'scale-y-0',
             )}
           >
@@ -23,7 +23,7 @@ export default function MobileMenu({ isOpen, onClose }: Props) {
                 <a
                   key={label}
                   href={href}
-                  className='text-subtitle2 text-text-primary'
+                  className='text-subtitle2 text-text-primary h-sm:text-subtitle3'
                   target={isExternal ? '_blank' : undefined}
                   rel={isExternal ? 'norefferer' : undefined}
                   onClick={onClose}