fix: reduced avatar size and relocated theme toggle

likeandscribe · Oct 16, 2024 · 913a8b2 · 913a8b2
1 parent 18bade0
commit 913a8b2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/packages/frontpage/app/(app)/layout.tsx b/packages/frontpage/app/(app)/layout.tsx
@@ -48,6 +48,7 @@ export default async function Layout({
               <Link href="/post/new">New</Link>
             </Button>
           ) : null}
+          <ThemeToggle />
           <Suspense>
             <LoginOrLogout />
           </Suspense>
@@ -66,9 +67,6 @@ export default async function Layout({
             @unravel.fyi <OpenInNewWindowIcon className="inline" />
           </a>
         </p>
-        <div>
-          <ThemeToggle />
-        </div>
       </footer>
     </div>
   );
@@ -132,5 +130,9 @@ async function LoginOrLogout() {
     );
   }
 
-  return <Link href="/login">Login</Link>;
+  return (
+    <Button variant="outline" asChild>
+      <Link href="/login">Login</Link>
+    </Button>
+  );
 }
diff --git a/packages/frontpage/lib/components/user-avatar.tsx b/packages/frontpage/lib/components/user-avatar.tsx
@@ -5,7 +5,7 @@ import { DID } from "../data/atproto/did";
 
 const userAvatarSizes = {
   small: 22,
-  smedium: 50,
+  smedium: 36,
   medium: 100,
   large: 150,
 };