torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

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.

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-01-30 09:26:00 +01:00
parent b3afb988a3
commit 05868d8a09
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/DashboardWidget.vue
View File

@@ -249,8 +249,8 @@ export default {
<style scoped> <style scoped>
.dashboard-widget { .dashboard-widget {
min-height: 200px; min-height: 0;
max-height: 420px; max-height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: var(--dashboard-widget-bg, #fff); background: var(--dashboard-widget-bg, #fff);

12
frontend/src/views/home/LoggedInView.vue
View File

@@ -374,11 +374,21 @@ export default {
.dashboard-grid { .dashboard-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-auto-rows: 420px;
gap: 20px; gap: 20px;
} }
.dashboard-grid-cell { .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 { .dashboard-grid-cell.drop-target {