[ui change] logochange + Navbar ui

akhilsharmaa · Dec 30, 2024 · 6e7896d · 6e7896d
1 parent dff3601
commit 6e7896d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/public/assets/common/long-full-logo.png b/public/assets/common/long-full-logo.png
diff --git a/public/styles/output.css b/public/styles/output.css
@@ -532,6 +532,9 @@ video {
 .z-40 {
   z-index: 40;
 }
+.m-1 {
+  margin: 0.25rem;
+}
 .m-10 {
   margin: 2.5rem;
 }
@@ -580,6 +583,9 @@ video {
 .me-2 {
   margin-inline-end: 0.5rem;
 }
+.ml-2 {
+  margin-left: 0.5rem;
+}
 .ml-4 {
   margin-left: 1rem;
 }
@@ -937,9 +943,9 @@ video {
   --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-.from-red-200 {
-  --tw-gradient-from: #fecaca var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position);
+.from-red-400 {
+  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 .via-purple-50 {
@@ -966,8 +972,8 @@ video {
 .to-pink-50 {
   --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
 }
-.to-red-500 {
-  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
+.to-red-600 {
+  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
 }
 .to-transparent {
   --tw-gradient-to: transparent var(--tw-gradient-to-position);

diff --git a/views/components/navbar.ejs b/views/components/navbar.ejs
@@ -1,9 +1,9 @@
 <nav class="bg-white border-gray-200 fixed top-0 left-0 right-0 z-20 ">
-    <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
+    <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-2 m-1">
         <a href="/" class="flex items-center space-x-3 rtl:space-x-reverse">
             <!-- Logo Image -->
-            <img src="assets/common/logo-ow.png" class="h-10 ml-4" alt="The Ornate Wall Logo" />
-            <p class="text-2xl font-bold text-gray-800">The OrnateWall</p>
+            <img src="assets/common/long-full-logo.png" class="h-10 ml-2" alt="The Ornate Wall Logo" />
+            <!-- <p class="text-2xl font-bold text-gray-800">The OrnateWall</p> -->
         </a>
         <button data-collapse-toggle="navbar-default" type="button"
             class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200"
@@ -51,7 +51,7 @@
 
 
     <!-- Sub Navbar -->
-    <sub-nav class="bg-gradient-to-r from-red-200 via-red-300 to-red-500 border-t border-gray-200/60 fixed top-16 left-0 right-0 z-40 shadow-md">
+    <sub-nav class="bg-gradient-to-r from-red-400 via-red-300 to-red-600 border-t border-gray-200/60 fixed top-16 left-0 right-0 z-40 shadow-md">
         <div class="max-w-screen-xl mx-auto px-4">
             <div class="flex justify-center">
                 <ul class="flex space-x-4 py-2 ">
@@ -88,5 +88,5 @@
                 </ul>
             </div>
         </div>
-    </sub-nav>
+    </sub-nav> -->
 </nav>