frontend: Tweak styles

pbzweihander · May 13, 2024 · 39debfb · 39debfb
1 parent 32fb980
commit 39debfb
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
@@ -5,9 +5,9 @@ import RightNav from "./RightNav";
 
 export default function Layout() {
   return (
-    <div className="flex h-screen w-full justify-center">
+    <div className="flex h-screen w-full justify-center bg-base-200">
       <LeftNav />
-      <div className="mx-5 h-full w-1/2">
+      <div className="mx-5 h-full w-1/2 bg-base-100">
         <Outlet />
       </div>
       <RightNav />

diff --git a/frontend/src/components/LeftNav.tsx b/frontend/src/components/LeftNav.tsx
@@ -8,7 +8,7 @@ export default function LeftNav() {
   const isAuthed = useIsAuthed() ?? false;
 
   return (
-    <div className="flex h-full w-64 flex-col p-4">
+    <div className="w-50 flex h-full flex-col p-4">
       <h1 className="text-xl font-bold">{setting?.instanceName}</h1>
       <div className="flex-grow" />
       {isAuthed ? <LeftNavProfile /> : <LeftNavLogin />}

diff --git a/frontend/src/components/RightNav.tsx b/frontend/src/components/RightNav.tsx
@@ -8,7 +8,7 @@ export default function RightNav() {
   const isAuthed = useIsAuthed() ?? false;
 
   return (
-    <div className="h-full p-4">
+    <div className="w-50 h-full p-4">
       {isAuthed && (
         <>
           <div className="mb-4">

diff --git a/frontend/src/pages/login/LogInIndex.tsx b/frontend/src/pages/login/LogInIndex.tsx
@@ -22,7 +22,7 @@ export function LogInIndexPage() {
 
   return (
     <div className="relative flex h-full w-full">
-      <div className="h-full w-full overflow-y-scroll py-10">
+      <div className="h-full w-full overflow-y-scroll p-6">
         {(notes ?? []).map((note) => (
           <div
             key={note.id}