removed pill

notS0LD13R · Mar 21, 2023 · 7495229 · 7495229
1 parent 75b76e6
commit 7495229
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
     <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
   </head>
   <body>
-    <div class="navbar is-active">
+    <div class="navbar isnt">
       <nav>
         <div class="container">
             <img src="src\images\logo.svg" alt="logo" height="65">

diff --git a/src/Scripts/navbar.ts b/src/Scripts/navbar.ts
@@ -1,9 +1,12 @@
 export default()=>{
     const mobilebutton=document.querySelector('.menu-mobile') as HTMLElement;
     const hamburger = document.querySelector('.hamburger') as HTMLElement;
+    const navbar = document.querySelector('.navbar') as HTMLElement;
     hamburger.addEventListener('click',function(){
         this.classList.toggle('is-active');
         mobilebutton.classList.toggle('is-open');
+        navbar.classList.toggle('is-active');
+        navbar.classList.toggle('isnt');
     }
     );
     const buttons = document.querySelectorAll('div.menu>a');

diff --git a/src/Styles/styles.scss b/src/Styles/styles.scss
@@ -164,6 +164,9 @@ body{
         margin-right: 25px;
         border: 1px solid rgba( 255, 255, 255, 0.18 );
     }
+    &.isnt{
+        background-color: rgb(0,0,0,0);
+    }
 }
 
 .menu-mobile{
@@ -214,6 +217,7 @@ body{
     }
 }
 
+
 //navbar end
 
 .hero{