Commit

Small fixxes
PlatePilot · Feb 16, 2024 · 3db87b2 · 3db87b2
1 parent cc6aac6
commit 3db87b2
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 8 deletions.
diff --git a/src/client/fridge/_styles/index.scss b/src/client/fridge/_styles/index.scss
@@ -264,6 +264,8 @@
     .fridge-nav {
         width: 15%;
         min-width: 107px;
+        max-width: 150px;
+        height: fit-content;
 
         padding: var(--small-gap);
 
@@ -294,13 +296,10 @@
 
             gap: 3px;
 
-            @media (max-width: 845px) {
-                font-size: 14px;
-            }
-            @media (max-width: 745px) {
+            @media (max-width: 1050px) {
                 font-size: 12px;
             }
-            @media (max-width: 645px) {
+            @media (max-width: 915px) {
                 font-size: 10px;
             }
 
@@ -310,9 +309,13 @@
         }
 
         .add-item-wrapper {
-            margin-top: var(--big-gap);
+            margin: var(--gap) 0;
             display: flex;
             justify-content: center;
+
+            @media (max-width: 1050px) {
+                font-size: 12px;
+            }
         }
 
         .selected {
@@ -345,7 +348,7 @@
         flex-direction: column;
         width: 100%; 
 
-        padding-top: var(--gap);
+        padding: var(--gap);
         padding-bottom: 150px;
 
         gap: var(--gap);
@@ -356,7 +359,7 @@
 
         .fridge-content-container {
             height: fit-content;
-            width: 90%;
+            width: 100%;
 
             display: flex;
             flex-direction: column;
@@ -384,6 +387,23 @@
                 .bx {
                     font-size: 22px;
                 }
+
+                @media (max-width: 1050px) {
+
+                    .bx {
+                        font-size: 16px;
+                    }
+
+                    .material-symbols-rounded {
+                        font-size: 18px;
+                    }
+                }
+
+                h5 {
+                    @media (max-width: 1050px) {
+                        font-size: 14px;
+                    }
+                }
             }
 
             .fridge-content {

diff --git a/src/client/saveplates/_src/index.ts b/src/client/saveplates/_src/index.ts
@@ -15,6 +15,7 @@ changeGridButton?.addEventListener("click", () => {
 
     items.forEach((element: HTMLElement) => {
       element.style.maxWidth = "225px"
+      element.style.width = "fit-content";
     });
 });
-Original file line number
+Diff line change
@@ Expand Up / @@ -15,6 +15,7 @@ changeGridButton?.addEventListener("click", () => { @@
         items.forEach((element: HTMLElement) => {
           element.style.maxWidth = "225px"
+          element.style.width = "fit-content";
         });
     });
@@ Expand Down @@