placed settings icon at top for v2 folder

helloukey · Apr 12, 2024 · 3d8f231 · 3d8f231
1 parent 70b8637
commit 3d8f231
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 20 deletions.
diff --git a/v2/index.html b/v2/index.html
@@ -68,6 +68,10 @@
 
     <!-- Settings Menu -->
     <div class="settings hidden">
+      <div class="close-container">
+        <img src="icons/close.svg" alt="close" class="close" />
+      </div>
+
       <div class="setting1">
         <p>Blur</p>
         <input
@@ -154,8 +158,6 @@
           </div>
         </div>
       </div>
-
-      <img src="icons/close.svg" alt="close" class="close" />
     </div>
     <!-- Settings Menu Ended Here -->
 

diff --git a/v2/style.css b/v2/style.css
@@ -162,11 +162,11 @@ body {
   height: 100%;
   color: white;
   text-align: left;
-  padding: 50px 20px;
+  padding: 20px;
   position: absolute;
   left: 0;
   bottom: 0;
-  bottom: 20px;
+  bottom: 0px;
   background: rgba(0, 0, 0, 0.9);
   overflow: auto;
   z-index: 1;
@@ -238,14 +238,18 @@ input {
   background-color: rgba(255, 255, 255);
 }
 
+.close-container {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  padding-bottom: 20px;
+}
+
 .close {
-  width: 30px;
-  height: 30px;
-  position: absolute;
-  bottom: 0;
-  right: 0;
+  width: 40px;
+  height: 40px;
+  padding: 10px;
   cursor: pointer;
-  margin: 4px;
 }
 
 .close:hover {
@@ -295,7 +299,7 @@ input {
 .settings-icon-container {
   display: block;
   position: absolute;
-  bottom: 20px;
+  top: 20px;
   left: 20px;
   cursor: pointer;
   background: rgba(0, 0, 0, 0.8);
@@ -366,17 +370,8 @@ input {
     height: 20px;
   }
 
-  .settings-icon-container {
-    bottom: 10%;
-  }
-
   .settings {
     width: 100%;
     height: 100%;
   }
-
-  .close {
-    right: 15px;
-    bottom: 50px;
-  }
 }