update navbar

nachat-ayoub · Feb 17, 2024 · 6dc78cf · 6dc78cf
1 parent 6805137
commit 6dc78cf
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en" data-theme="dark">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/WYR-Logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Would You Rather? Shorts Generator</title>
   </head>

diff --git a/public/WYR-Logo.svg b/public/WYR-Logo.svg
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/app.tsx b/src/app.tsx
@@ -15,7 +15,7 @@ export function App() {
       <Nav />
       <header class='py-4'>
         <h1 class='text-xl md:text-3xl font-bold text-center'>
-          Would You Rather? Shorts Generator
+          Would You Rather Shorts Generator
         </h1>
       </header>
       <main class='mt-10'>
@@ -48,6 +48,7 @@ export function App() {
                 setError('Please enter your email address.');
                 return;
               }
+
               // check if email is valid
               else if (
                 !email.value.match(
@@ -68,10 +69,10 @@ export function App() {
                 }
               });
             }}
-            class='flex justify-center items-center flex-col gap-y-2'
+            class='w-full md:px-10 flex justify-center items-center flex-col gap-y-2'
           >
-            <div className='flex justify-center items-center gap-x-2'>
-              <label class='input input-bordered flex items-center gap-2'>
+            <div className='w-full flex justify-center items-center gap-x-2'>
+              <label class='w-full input input-bordered flex items-center gap-2'>
                 <svg
                   class='w-4 h-4 opacity-70'
                   xmlns='http://www.w3.org/2000/svg'
@@ -145,7 +146,16 @@ export function App() {
 
 function Nav() {
   return (
-    <nav class='w-full navbar navbar-end mb-10'>
+    <nav class='w-full navbar justify-between mb-10'>
+      <div className='flex justify-center items-center gap-x-2.5'>
+        <img
+          class={'w-10 h-10'}
+          src='/wyr-shorts-generator/WYR-Logo.svg'
+          alt='WYR Logo'
+        />
+        <span class={'text-base font-bold'}>WYR Shorts Generator</span>
+      </div>
+
       <div class='dropdown dropdown-end'>
         <div tabIndex={0} role='button' class='btn m-1'>
           Theme

diff --git a/src/assets/preact.svg b/src/assets/preact.svg