fixed nav in post page

chuma-beep · Oct 12, 2024 · c03cc93 · c03cc93
1 parent 49b26c3
commit c03cc93
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -17,7 +17,7 @@ export default function Index() {
       <nav className="w-full flex justify-center border-b border-b-foreground/10 h-16">
         <div className="w-full max-w-4xl flex items-center text-sm gap-0">
           <DeployButton />
-          <div className="flex flex-row-reverse w-full items-end   ">
+          <div className="flex flex-row-reverse w-full mr-1 items-end">
                   <WriteIcon />
               <Search/>
           </div>

diff --git a/app/post/layout.tsx b/app/post/layout.tsx
@@ -12,11 +12,12 @@ import Search from "@/components/Search/Search";
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
-    <div className="min-h-scree min-w-full flex flex-col bg-white dark:bg-gray-900 text-gray-900 dark:text-white">
-      <nav className="w-full flex justify-center border-b border-b-foreground/10 h-16">
-        <div className="w-full max-w-4xl flex justify-between items-center p-3 text-sm">
+    <div className="min-h-scree min-w-full flex flex-col bg-white dark:bg-gray-900 text-gray-900 dark:text-white sm:p-0 px-12">
+      <nav className="w-full flex justify-center border-b border-b-foreground/10 h-16 sm:p-0 px-12">
+      <div className="w-full max-w-4xl flex items-center text-sm gap-0">
+        {/* <div className="w-full max-w-4xl flex justify-between items-center p-3 text-sm"> */}
           <DeployButton />
-          <div className="flex flex-row-reverse w-full items-end mr-4 gap-2">
+          <div className="flex flex-row-reverse w-full items-end mr-2 gap-2">
           <WriteIcon />
           <Search/>
           </div>