small style changes

ethanniser · Oct 18, 2024 · 208f420 · 208f420
1 parent d4f0762
commit 208f420
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -37,7 +37,7 @@ export default function RootLayout({
         className={`${helvetica.variable} ${helveticaRoman.variable} ${futura.variable} flex min-h-full flex-col antialiased`}
       >
         <div className="flex flex-grow flex-col">
-          <header className="font-futura flex items-center justify-between border-b-2 border-yellow-300 p-4">
+          <header className="flex items-center justify-between border-b-2 border-yellow-300 p-4 font-futura">
             <div className="flex items-center space-x-4">
               <Link href="/" className="text-4xl font-bold text-green-800">
                 NextMaster
@@ -46,7 +46,7 @@ export default function RootLayout({
             <div className="relative">
               <Input
                 placeholder="Search"
-                className="w-[450px] font-sans font-medium"
+                className="w-[300px] font-sans font-medium md:w-[450px]"
               />
               <Search className="absolute right-2 top-2.5 h-4 w-4 text-muted-foreground" />
             </div>

diff --git a/src/app/order-history/page.tsx b/src/app/order-history/page.tsx
@@ -10,32 +10,37 @@ export default function Page() {
           type="email"
           placeholder="Email"
           className="w-full border border-black p-2 pr-16 outline-none"
+          disabled
         />
         <div className="relative">
           <input
             type="password"
             placeholder="Password"
             className="w-full border border-black p-2 pr-16 outline-none"
+            disabled
           />
           <div className="absolute right-2 top-1/2 -translate-y-1/2 text-sm text-gray-600">
             show
           </div>
         </div>
         <div className="flex justify-between space-x-2">
           <div className="flex flex-row items-center justify-center space-x-2">
-            <input type="checkbox" id="stay-logged-in" className="border" />
+            <input
+              type="checkbox"
+              id="stay-logged-in"
+              className="border"
+              disabled
+            />
             <label htmlFor="stay-logged-in" className="text-sm">
               Stay logged in
             </label>
           </div>
-          <div className="text-sm underline hover:bg-yellow-100">
-            Reset Password
-          </div>
+          <div className="text-sm underline">Reset Password</div>
         </div>
         <div className="w-full rounded-sm bg-green-800 p-2 text-center font-bold text-white hover:bg-green-800">
           Log in
         </div>
-        <div className="w-full rounded-sm border border-green-800 p-2 text-center font-bold text-green-800 hover:bg-gray-100">
+        <div className="w-full rounded-sm border border-green-800 p-2 text-center font-bold text-green-800">
           Create login
         </div>
       </div>