fix global css issue

CVHS-student-sites · Apr 14, 2024 · 9e21945 · 9e21945
1 parent fd0657c
commit 9e21945
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/src/lib/assets/admin-table.css b/src/lib/assets/admin-table.css
@@ -341,4 +341,16 @@ th.gridjs-th:last-child {
     background-color: #9bc2f7;
 }
 
-/*# sourceMappingURL=mermaid.css.map */
+.main-btn {
+    color: #d6d6d6;
+    background-color: #0084ff;
+    border: none;
+    border-radius: 5px;
+    padding: 5px;
+    margin: 0 5px 0 5px;
+}
+.main-btn:hover {
+    cursor: pointer;
+    background-color: #577db2;
+}
+
diff --git a/src/lib/components/Botnav.svelte b/src/lib/components/Botnav.svelte
@@ -35,13 +35,13 @@
         const centerPosition = targetIconRect.left - contRect.left + targetIconRect.width / 2;
         beforecenter = Math.round(centerPosition - 32);
         test.set(Math.round(centerPosition - 32));
-        icons.forEach((icon) => icon.classList.remove('active'));
+        icons.forEach((icon) => icon.classList.remove('botnav-active'));
         icon1 = targetIcon;
     }
 
     $: if ($test === Math.round(beforecenter)) {
         tests = true;
-        icon1.classList.add('active');
+        icon1.classList.add('botnav-active');
         const icons = document.querySelectorAll('.icond');
         const prevIndex = (currentTargetIndex - 1 + icons.length) % icons.length;
         const prevTargetIcon = icons[prevIndex];
@@ -56,15 +56,15 @@
         const icons2 = document.querySelectorAll('.icond');
         const targetIcon2 = icons2[selectPage];
 
-        targetIcon2.classList.add('active');
+        targetIcon2.classList.add('botnav-active');
         tests1.classList.add('visible');
     });
 
 </script>
 
 <style>
 
-    :global(.active) {
+    :global(.botnav-active) {
         /* Style for the active icon with the box */
         background-color: #003566;
         border-radius: 20px;