feat(public): add padding dynamic in main frame

2025-09-17 13:20:03 +07:00
parent e5fe4d1c96
commit be218e2087
3 changed files with 71 additions and 4 deletions
@@ -332,7 +332,8 @@ body {

 /* Form Error Styling */
 .field-error-info {
-  @apply text-xs ml-1;
+  font-size: 0.75rem;
+  margin-left: 0.25rem;
  color: hsl(var(--destructive));
  /* font-size: 0.875rem; */
  margin-top: 0.25rem;
@@ -340,3 +341,28 @@ body {
 }

 /* .rounded-md { border-radius: var */
+
+/* Dashboard grid utility */
+.dashboard-grid {
+  display: grid;
+  gap: 1rem;
+}
+
+@media (min-width: 768px) {
+  .dashboard-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (min-width: 1024px) {
+  .dashboard-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+@media (min-width: 1280px) {
+  .dashboard-grid {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 1.25rem;
+  }
+}