Testing different Mobile formatting

DerovaAlgo · Jan 11, 2025 · 8cceba5 · 8cceba5
1 parent ccf5935
commit 8cceba5
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 91 deletions.
diff --git a/ui/src/components/Footer.tsx b/ui/src/components/Footer.tsx
@@ -52,8 +52,8 @@ export function Footer() {
       <h2 id="footer-heading" className="sr-only">
         Footer
       </h2>
-      <div className="mx-auto max-w-7xl mt-10 px-6 py-12 md:flex md:items-center md:justify-between lg:px-8">
-        <div className="flex justify-center space-x-6 md:order-2">
+<div className="mx-auto max-w-7xl mt-10 px-6 md:py-12 md:flex md:items-center md:justify-between lg:px-8">
+<div className="hidden md:flex justify-center space-x-6 md:order-2">
           {navigation.map((item) => (
             <a
               key={item.name}

diff --git a/ui/src/components/Layout.tsx b/ui/src/components/Layout.tsx
@@ -5,7 +5,6 @@ import { ConnectedMenu } from '@/components/ConnectedMenu'
 import { Footer } from '@/components/Footer'
 import { GitHub } from '@/components/GitHub'
 import { Logo } from '@/components/Logo'
-import { MobileMenu } from '@/components/MobileMenu'
 import { ModeToggle } from '@/components/ModeToggle'
 import { Navigation } from '@/components/Navigation'
 import { Badge } from '@/components/ui/badge'
@@ -24,9 +23,6 @@ export function Layout({ children }: LayoutProps) {
         <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
           <div className="flex h-16 justify-between">
             <div className="flex">
-              <div className="-ml-2 mr-3 flex items-center lg:hidden">
-                <MobileMenu />
-              </div>
               <div className="flex flex-shrink-0 items-center">
                 <Link
                   to="/"
@@ -49,7 +45,7 @@ export function Layout({ children }: LayoutProps) {
                 {activeAddress ? <ConnectedMenu activeAddress={activeAddress} /> : <Connect />}
               </div>
               <GitHub className="hidden sm:flex" />
-              <ModeToggle className="hidden sm:flex" />
+              <ModeToggle className="flex" />
             </div>
           </div>
         </div>

diff --git a/ui/src/components/ModeToggleMobile.tsx b/ui/src/components/ModeToggleMobile.tsx
@@ -20,9 +20,9 @@ export function ModeToggleMobile({ className = '' }) {
         )}
       >
         <Sun className="h-5 w-5 dark:hidden" />
-        <span className="dark:hidden">Light Mode</span>
+	<span className="dark:hidden">Light Mode</span>
         <Moon className="hidden h-5 w-5 dark:inline" />
-        <span className="hidden dark:inline">Dark Mode</span>
+	<span className="hidden dark:inline">Dark Mode</span>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="start" alignOffset={35}>
         <DropdownMenuItem onClick={() => setTheme('light')}>Light</DropdownMenuItem>

diff --git a/ui/src/styles/main.css b/ui/src/styles/main.css
@@ -19,7 +19,7 @@
     --accent: 209 100% 61%;
     --accent-foreground: 209 100% 98%;
     --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;;
+    --destructive-foreground: 0 0% 98%;
     --border: 209 100% 90%;
     --input: 209 100% 90%;
     --ring: 148 70% 50%;
@@ -63,93 +63,13 @@
   }
 }
 
-@font-face {
-  font-family: 'InterVariable';
-  font-style: normal;
-  font-weight: 400 700;
-  font-display: swap;
-  src:
-    url('/fonts/InterVariable.woff2') format('woff2-variations'),
-    url('/fonts/InterVariable.ttf') format('truetype-variations');
-}
-
-@font-face {
-  font-family: 'InterVariable';
-  font-style: italic;
-  font-weight: 400 700;
-  font-display: swap;
-  src:
-    url('/fonts/InterVariable-Italic.woff2') format('woff2-variations'),
-    url('/fonts/InterVariable-Italic.ttf') format('truetype-variations');
-}
-
-/* Static fonts as fallback */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src:
-    url('/fonts/Inter-Regular.woff2') format('woff2'),
-    url('/fonts/Inter-Regular.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src:
-    url('/fonts/Inter-Medium.woff2') format('woff2'),
-    url('/fonts/Inter-Medium.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src:
-    url('/fonts/Inter-SemiBold.woff2') format('woff2'),
-    url('/fonts/Inter-SemiBold.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src:
-    url('/fonts/Inter-Bold.woff2') format('woff2'),
-    url('/fonts/Inter-Bold.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src:
-    url('/fonts/Inter-Italic.woff2') format('woff2'),
-    url('/fonts/Inter-Italic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 500;
-  font-display: swap;
-  src:
-    url('/fonts/Inter-MediumItalic.woff2') format('woff2'),
-    url('/fonts/Inter-MediumItalic.ttf') format('truetype');
-}
-
 @font-face {
   font-family: 'Algo';
   font-style: normal;
   font-weight: 400;
   src:
     url('/fonts/Algo.woff2') format('woff2'),
+    url('/fonts/Algo.woff') format('woff'),
     url('/fonts/Algo.ttf') format('truetype');
 }