chore: update mobile style

coaidev · Mar 14, 2024 · abbb533 · abbb533
1 parent f5ce4b9
commit abbb533
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/app/src/assets/pages/quota.less b/app/src/assets/pages/quota.less
@@ -50,6 +50,12 @@
   gap: 12px;
   user-select: none;
 
+  @media (max-width: 460px) {
+    & {
+      flex-direction: column;
+    }
+  }
+
   .amount-number {
     color: hsl(var(--text));
     transform: translateY(-2px);
@@ -59,7 +65,9 @@
   .amount-input-box {
     position: relative;
     width: max-content;
+    max-width: 100%;
     height: max-content;
+    margin: 0 auto;
 
     .amount-input {
       color: hsl(var(--text));
@@ -104,7 +112,7 @@
     grid-template-columns: 1fr 1fr;
   }
 
-  @media (max-width: 460px) {
+  @media (max-width: 380px) {
     grid-template-columns: 1fr;
   }