changed navabr height property to css classes instead of tailwind bec…

…asue of bug
Amalkrishnanvp · Aug 8, 2024 · d4340f0 · d4340f0
1 parent 1a588ed
commit d4340f0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 22 deletions.
diff --git a/public/javascripts/app.js b/public/javascripts/app.js
@@ -44,10 +44,10 @@ document.addEventListener("DOMContentLoaded", () => {
     xMark.classList.toggle("display-none");
     if (navbarList.classList.contains("toggle-list")) {
       navBarToggled = true;
-      navBar.classList.add("h-screen");
+      navBar.style.height = "100vh";
     } else {
       navBarToggled = false;
-      navBar.classList.remove("h-screen");
+      navBar.style.height = "auto";
     }
   }
 

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -566,14 +566,6 @@ video {
   top: 0px;
 }
 
-.top-24 {
-  top: 6rem;
-}
-
-.top-2 {
-  top: 0.5rem;
-}
-
 .top-28 {
   top: 7rem;
 }
@@ -663,6 +655,10 @@ video {
   height: 7rem;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
 .w-24 {
   width: 6rem;
 }
@@ -687,10 +683,6 @@ video {
   flex-shrink: 0;
 }
 
-.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .resize-none {
   resize: none;
 }
@@ -1114,14 +1106,6 @@ footer {
 }
 
 @media (min-width: 768px) {
-  .md\:top-24 {
-    top: 6rem;
-  }
-
-  .md\:top-32 {
-    top: 8rem;
-  }
-
   .md\:top-36 {
     top: 9rem;
   }