bug fixes

mrsajadpp · Jan 9, 2024 · 114e98a · 114e98a
1 parent 2cd076a
commit 114e98a
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -377,8 +377,8 @@ <h3>Naruto EP1S1</h3>
             <li>
                 <a href="">
                     <button>
-                        <span class="material-icons-outlined">
-                            subscriptions
+                        <span class="material-icons">
+                            search
                         </span>
                     </button>
                 </a>
@@ -396,7 +396,7 @@ <h3>Naruto EP1S1</h3>
                 <a href="">
                     <button>
                         <span class="material-icons-outlined">
-                            history_toggle_off
+                            subscriptions
                         </span>
                     </button>
                 </a>

diff --git a/src/css/style.css b/src/css/style.css
@@ -17,6 +17,7 @@ header {
     position: fixed;
     top: 0px;
     background: #fff;
+    z-index: 999;
 }
 
 header .menu-area {
@@ -137,6 +138,7 @@ header .menu-icons button img {
     top: 70px;
     overflow: scroll;
     background: #fff;
+    box-shadow: 0px -9px 10px;
 }
 
 .keywords-container::-webkit-scrollbar {
@@ -384,7 +386,7 @@ header .menu-icons button img {
 span {
     text-decoration: none;
     color: rgb(96, 96, 96);
-    font-size: 14px;
+    font-size: 10px;
 }
 
 /* Footer */
@@ -400,6 +402,9 @@ footer {
     justify-content: center;
     background-color: #fff;
     /* backdrop-filter: blur(5px); */
+    border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+    box-shadow: 0px 9px 10px;
 }
 
 footer ul {
@@ -417,24 +422,44 @@ footer ul li {
     height: 100%;
 }
 
-footer ul li a button {
+footer ul li a {
     width: 100%;
     height: 100%;
+    /* background: transparent; */
+    border: none;
+    transition: background 0.3s ease-in-out;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-decoration: none;
+}
+
+footer ul li a button {
+    width: 40px;
+    height: 40px;
     background: transparent;
     border: none;
     transition: background 0.3s ease-in-out;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
-footer ul li a button span {
+/* footer ul li a button span {
     color: #000;
-}
+} */
 
 footer ul li a button.active {
-    background: #ddd;
+    /* background: #ddd; */
+    background: #efefef;
+    border: 1px solid #ddd;
 }
 
 footer ul li a button:hover {
-    background: #ddd;
+    /* background: #ddd; */
+    background: #efefef;
+    border: 1px solid #ddd;
 }
 
 /* Responsive 768px */