fix: a lot of design flaws

Info text when empty, new inputs, minimum height of content fixed
This commit is contained in:
Fiona Lena Urban 2025-05-11 11:07:19 +02:00
parent cef5330567
commit 1504b8bfe9
21 changed files with 970 additions and 458 deletions

View file

@ -1,3 +1,18 @@
.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;
@ -25,16 +40,24 @@
z-index: 100;
& p {
font-family: 'Roboto Condensed', sans-serif;
font-weight: lighter;
font-weight: 100;
color: var(--color-lightest);
}
}
.content {
min-height: 100dvh;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
overflow: hidden;
background: var(--color-lightest);
height: 100%;
}
.info-text {
padding: 0 1rem;
text-align: center;
width: 100%;
top: 40%;
transform: translateY(-50%);
position: absolute;
}