propapier/app/assets/styles/page.css
webfussel 3fd26b4e66 add: (wip) new filtering layout
DropDown component, ToggleButton component,
2025-05-13 20:43:15 +02:00

57 lines
No EOL
1 KiB
CSS

.page-wrapper {
display: flex;
flex-direction: column;
height: 100vh;
& .page {
flex-grow: 1;
& .nuxt-page-wrapper {
height: 100%;
justify-content: space-between;
}
}
}
.filter-bar {
background: var(--color-lightest);
display: flex;
justify-content: flex-end;
gap: 1rem;
padding: var(--padding-default);
}
.search-bar {
z-index: 100;
& p {
font-weight: 100;
color: var(--color-lightest);
}
}
.content {
overflow: hidden;
background: var(--color-lightest);
height: 100%;
}
.content-text {
padding: var(--padding-large) var(--padding-default) var(--padding-default);
color: var(--color-darkest);
text-align: center;
}
.info-text {
padding: 0 var(--padding-default);
text-align: center;
width: 100%;
top: 40%;
transform: translateY(-50%);
position: absolute;
}
.Legal {
padding: var(--padding-large) var(--padding-default);
color: var(--color-darkest);
}