Update DashboardWidget and LoggedInView styles: Adjust min-height and max-height properties for better layout flexibility. Enhance dashboard grid cell styling to support dynamic content display and improve overall UI responsiveness.

2026-01-30 09:26:00 +01:00
parent b3afb988a3
commit 05868d8a09
2 changed files with 13 additions and 3 deletions
--- a/frontend/src/views/home/LoggedInView.vue
+++ b/frontend/src/views/home/LoggedInView.vue
@@ -374,11 +374,21 @@ export default {
 .dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  grid-auto-rows: 420px;
  gap: 20px;
 }

 .dashboard-grid-cell {
-  min-height: 200px;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.dashboard-grid-cell > * {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
 }

 .dashboard-grid-cell.drop-target {