Fix menu height

claudiaaziz · Dec 19, 2023 · 67b1d53 · 67b1d53
1 parent 26d4ad0
commit 67b1d53
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git a/dist/main.css b/dist/main.css
@@ -196,7 +196,7 @@ header h1 {
   left: 50%;
   transform: translateX(-50%);
   padding: 20px;
-  height: 10%;
+  height: 12%;
 }
 
 button {
@@ -227,6 +227,7 @@ button:hover {
   background-color: transparent;
   margin-left: -75px;
   margin-right: -20px;
+  margin-top: 12px;
 }
 
 .pcr-app[data-theme=classic] {

diff --git a/src/styles/menu.scss b/src/styles/menu.scss
@@ -8,7 +8,9 @@
   left: 50%;
   transform: translateX(-50%);
   padding: 20px;
-  height: 10%;
+  height: 12%;
+  // max-height: 395.195px;
+  // background-color: red;
 }
 
 button {
@@ -40,6 +42,7 @@ button:hover {
   background-color: transparent;
   margin-left: -75px;
   margin-right: -20px;
+  margin-top: 12px;
 }
 
 .pcr-app[data-theme=classic] {
@@ -80,4 +83,22 @@ input[type="radio"]+label img {
 
 input[type="radio"]+label img:hover {
   transform: scale(1.1);
-}
+}
+
+// media queries (btn is not opening & closing color picker)
+// @media (max-width: 1300px) {
+//   .pcr-button {
+//       display: block;
+//     }
+
+//   .pcr-app {
+//     background-color: white;
+//     margin-left: 75px;
+//     margin-right: 20px;
+//     margin-bottom: 20px;
+//   }
+
+//   .pcr-app {
+//     padding: 20px
+//   }
+// }