Done tasks

anuragverma108 · Oct 25, 2024 · a3be2eb · a3be2eb
1 parent 501102f
commit a3be2eb
Showing 1 changed file with 31 additions and 8 deletions.
diff --git a/comsp.html b/comsp.html
@@ -495,12 +495,29 @@
 
 
          /* Basic navbar styling */
-     .header {
-       position: fixed;
-       width: 100%;
-       top: 10;
-       z-index: 1000;
-       transition: top 0.3s;
+     .dark-mode .header {
+      width: 100vw; /* Full viewport width */
+    max-width: 100%; /* Ensure it doesn't go beyond viewport width */
+    position: fixed;
+    top: 0;
+    z-index: 1000;
+    transition: top 0.3s;
+    box-sizing: border-box;
+    padding: 0;
+    margin: 0;
+    background-color: #000;
+     }
+     .header{
+      width: 100vw; /* Full viewport width */
+    max-width: 100%; /* Ensure it doesn't go beyond viewport width */
+    position: fixed;
+    top: 0;
+    z-index: 1000;
+    transition: top 0.3s;
+    box-sizing: border-box;
+    padding: 0;
+    margin: 0;
+
      }
      /* Hide the navbar */
      .header.hidden {
@@ -865,7 +882,7 @@
         <button id="mobile_View_Menu" class="mobile-menu-toggle">
             <i class="ri-menu-fill"></i>
         </button>
-
+        <div class="navbar-align">
         <nav class="navbar nav_activated" data-navbar>
             <ul class="navbar-list nav">
                 <li class="navbar-item logo-item" style="display:flex;">
@@ -930,6 +947,12 @@
                 </li>
             </ul>
         </nav>
+        </div>
+        <style>
+          .navbar-align{
+            width: 100%;
+          }
+        </style>
 
         <script>
             // Toggle dropdown
@@ -1051,7 +1074,7 @@
 }
 
 .dark-mode .nav {
-background-color: #d5d5d5; /* Slightly darker grey for navigation */
+background-color: #000000; /* Slightly darker grey for navigation */
 color: #121212; /* Dark text color */
 }