munera-vaadin/frontend/themes/munera/views/expenses-view.css

45 lines
790 B
CSS
Raw Permalink Normal View History

2024-05-18 14:42:12 +00:00
.expenses-view {
display: flex;
flex-direction: column;
height: 100%;
}
.expenses-view vaadin-split-layout {
width: 100%;
height: 100%;
}
.expenses-view vaadin-grid {
height: 100%;
}
.expenses-view .editor-layout {
display: flex;
flex-direction: column;
width: 400px;
}
.expenses-view .editor {
flex-grow: 1;
padding: var(--lumo-space-l);
}
.expenses-view .editor vaadin-checkbox {
padding-top: var(--lumo-space-m);
}
.expenses-view .button-layout {
width: 100%;
flex-wrap: wrap;
background-color: var(--lumo-contrast-5pct);
padding-bottom: var(--lumo-space-s);
padding-top: var(--lumo-space-s);
padding-left: var(--lumo-space-l);
padding-right: var(--lumo-space-l);
gap: var(--lumo-space-m);
}
.expenses-view .grid-wrapper {
width: 100%;
}