fix the ui bugs

joshsoftware · Oct 1, 2024 · 1541a8c · 1541a8c
1 parent 8783e89
commit 1541a8c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/src/app/new/page.tsx b/app/src/app/new/page.tsx
@@ -14,11 +14,11 @@ const page = async () => {
 	if (!user) return redirect("/signin");
 
   return (
-    <div className="flex flex-col w-full h-screen pt-16 px-0 md:px-16">
-      <div className="flex justify-start w-full px-4 mt-8">
+    <div className="flex flex-col w-full h-screen pt-12 px-0">
+      <div className="flex justify-start w-full mt-4">
         <NavigateBack href="/" />
       </div>
-      <div className="flex flex-1 justify-center items-center">
+      <div className="flex flex-1 justify-center items-start md:mt-16">
         <RecorderCard userId={user.id} />
       </div>
     </div>

diff --git a/app/src/components/Header.tsx b/app/src/components/Header.tsx
@@ -25,7 +25,7 @@ const Header = () => {
           alt="Josh Logo"
         />
       </div>
-      <div className="flex gap-2 w-full justify-end">
+      <div className="flex gap-2 min-w-fit justify-end">
       <Link
         href={"/new"}
         className="text-white hover:underline"