Spaces:

ImTokyo
/

warungpos-ui

Running

Mhamdans17 commited on Jun 8

Commit

6b4530e

1 Parent(s): 4353d72

fix: pos cart footer cut off on mobile

Files changed (1) hide show

src/index.css CHANGED Viewed

@@ -73,13 +73,14 @@ h1, h2, h3, .font-headline { font-family: var(--font-headline); }
 @media (max-width: 768px) {
   /* POS: Full-width tabs mode */
-  .pos-layout { flex-direction: column !important; height: auto !important; min-height: calc(100vh - 73px); }
-  .pos-product-panel { flex: none !important; height: 60vh; }
   .pos-cart-panel {
     width: 100% !important;
     border-left: none !important;
     border-top: 1px solid rgba(8,45,67,0.08) !important;
-    height: 40vh;
   }
   /* Admin content */

 @media (max-width: 768px) {
   /* POS: Full-width tabs mode */
+  .pos-layout { flex-direction: column !important; height: calc(100vh - 73px) !important; min-height: calc(100vh - 73px); overflow: hidden !important; }
+  .pos-product-panel { flex: 55 !important; height: auto !important; }
   .pos-cart-panel {
+    flex: 45 !important;
+    height: auto !important;
     width: 100% !important;
     border-left: none !important;
     border-top: 1px solid rgba(8,45,67,0.08) !important;
   }
   /* Admin content */