ui(admin-panel): responsive dashboard and mobile drawer layout

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-10-13 08:53:25 +03:30
parent 6ccdbc06f0
commit 28b0a4be38
5 changed files with 451 additions and 145 deletions
@@ -98,4 +98,30 @@ const iconComponent = computed(() => ICONS[props.icon ?? ''] ?? BarChartOutlined
  font-size: 12px;
  color: #888;
 }
+
+@media (max-width: 575px) {
+  .stat-card :deep(.ant-card-body) {
+    padding: 12px;
+  }
+  .stat-row {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
+  }
+  .stat-icon {
+    width: 36px;
+    height: 36px;
+    font-size: 17px;
+  }
+  .stat-value {
+    font-size: 16px;
+    line-height: 1.4;
+    word-break: break-word;
+  }
+  .stat-title {
+    display: block;
+    font-size: 11px;
+    line-height: 1.5;
+  }
+}
 </style>