arreglado css overflows y posicion barra de busqueda en utility

Sapo-san · Aug 3, 2022 · 789633a · 789633a
1 parent ccf9d3a
commit 789633a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/Utility/Cheatsheet/cheatsheet.scss b/src/components/Utility/Cheatsheet/cheatsheet.scss
@@ -26,7 +26,7 @@
 }
 
 .cheatsheet {
-    overflow-y: scroll;
+    overflow-y: auto;
     padding-right: 0.5em;
     height: 100%;
     width: calc(100% - 0.5em);

diff --git a/src/components/Utility/utility.scss b/src/components/Utility/utility.scss
@@ -16,11 +16,13 @@
 
 .cheatsheet-selector {
     border-radius: 1em;
-    width: calc(100% - 0.25em);
+    width: 60%;
     margin-bottom: 0.5em;
     height: 90px;
     display: flex;
     flex-direction: column;
+    justify-content: center;
+    align-items: center;
     background-color: rgba(0, 0, 0, 0.653);
     padding: 0.25em;
 }
@@ -43,6 +45,8 @@
     overflow-x: auto;
     overflow-y: hidden;
     white-space: nowrap;
+
+    width: 100%;
 }
 
 .avaible-cheatsheet-button {
@@ -68,6 +72,10 @@
 }
 
 @media only screen and (max-width: 900px) {
+    .cheatsheet-selector {
+        width: calc(100% - 0.25em);
+    }
+
     .cheatsheets-search {
         width: calc(100% - 2em);
     }