refactor: fine-tune layout

experiment-station · Dec 15, 2023 · 5219f77 · 5219f77
1 parent 5ce0ba7
commit 5219f77
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx
@@ -17,7 +17,13 @@ export default function AuthLayout(props: PropsWithChildren) {
           minHeight: '80vh',
         }}
       >
-        <Link href="/" title="Go to home page">
+        <Link
+          href="/"
+          style={{
+            lineHeight: 1,
+          }}
+          title="Go to home page"
+        >
           <Logo size={64} />
         </Link>
 

diff --git a/app/(auth)/sign-in/page.tsx b/app/(auth)/sign-in/page.tsx
@@ -4,11 +4,10 @@ import { FaSpotify } from 'react-icons/fa';
 export default function Page() {
   return (
     <Flex direction="column" gap="4">
-      <Heading>Welcome to beecast</Heading>
+      <Heading trim="both">Welcome to beecast</Heading>
 
-      <Text color="gray" size="4">
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod
-        quia quibusdam quos quae.
+      <Text color="gray" size="4" trim="both">
+        A more efficient way to listen podcasts.
       </Text>
 
       <form action="/auth/sign-in" method="POST">
@@ -20,7 +19,7 @@ export default function Page() {
         </Flex>
       </form>
 
-      <Text color="gray" size="1">
+      <Text color="gray" size="1" trim="both">
         By clicking continue, you acknowledge that you have read and understood,
         and agree to our{' '}
         <Link href="/terms-of-service" target="_blank">

diff --git a/components/layout/app-header.tsx b/components/layout/app-header.tsx
@@ -139,7 +139,7 @@ export function AppHeader(props: Props) {
     <Flex direction="column" gap="4" py="4">
       <AppContent>
         <Flex align="center" justify="between">
-          <Link href="/">
+          <Link href="/" style={{ lineHeight: 1 }}>
             <Logo size={36} />
           </Link>