fix responsive of dashboard

2026-07-21 15:17:57 +02:00
parent cb50119f56
commit e34c3e3618
2 changed files with 158 additions and 75 deletions
@@ -79,7 +79,7 @@
    </BasicActionSheet>
  </template>

-  <div v-else class="flex max-w-full flex-wrap items-center justify-end gap-1.5 sm:justify-start">
+  <div v-else class="dashboard-quick-actions-bar">
    <DashboardQuickActionBtn
      v-for="item in actionItems"
      :key="item.key"
@@ -347,6 +347,22 @@ function runAction(key: string) {
  @apply rotate-180 opacity-80;
 }

+.dashboard-quick-actions-bar {
+  display: flex;
+  max-width: 100%;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.375rem;
+}
+
+@media (min-width: 768px) and (max-width: 1279px) {
+  .dashboard-quick-actions-bar {
+    width: 100%;
+    justify-content: flex-start;
+  }
+}
+
 .dash-quick-sheet {
  @apply pb-2;
 }