Improved UI on mobile (#10)

* removed footer in mobile view * centered captions
zitefy · Aug 1, 2024 · 4e3b0a5 · 4e3b0a5
1 parent 3ef1950
commit 4e3b0a5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/pages/auth/components/Footer.tsx b/src/pages/auth/components/Footer.tsx
@@ -2,7 +2,7 @@ import { A } from '@solidjs/router'
 import { Component } from 'solid-js'
 
 const Footer: Component = () => {
-  return <div class="absolute bottom-0 flex h-[60px] w-full items-center justify-center text-xs text-on-secondary">
+  return <div class="absolute bottom-0 hidden h-[60px] w-full items-center justify-center text-xs text-on-secondary sm:flex">
     <p>built with 𖹭 for open-source at <A href="https://fossunited.org/fosshack/2024" >FOSS Hack 4.0</A></p>
   </div>
 }

diff --git a/src/pages/auth/components/Header.tsx b/src/pages/auth/components/Header.tsx
@@ -59,7 +59,7 @@ const Header: Component = () => {
       <Logo />
       <h1 class="mb-4 text-6xl">zitefy</h1>
       <div class="h-8">
-        <h4 class="text-xl">
+        <h4 class="text-center text-xl">
           {currentPhrase()}
           <span class="animate-blink">|</span>
         </h4>