scrollable containers

This commit is contained in:
bronku 2025-04-06 14:13:01 +02:00
parent f0cd58040c
commit c36c9a3ef1
3 changed files with 16 additions and 5 deletions

View file

@ -26,7 +26,6 @@ body {
color: var(--text-color);
background-color: var(--background-color);
display: flex;
min-height: 100vh;
width: 100%;
line-height: 1.6;
}
@ -112,7 +111,7 @@ nav>a:hover::after {
padding: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
height: 100dvh;
overflow-x: hidden;
}
@ -140,7 +139,9 @@ main {
padding: 2rem;
display: flex;
flex-direction: column;
height: 100%;
gap: 1.5rem;
overflow: hidden;
}
/* Search form */
@ -313,11 +314,21 @@ tr a {
flex-direction: column;
}
.order>div {
flex-basis: 0;
flex-shrink: 0;
}
.order-contents>*:first-child,
.order-contents>*:last-child {
flex-grow: 0;
}
.scrollable {
overflow-y: auto;
min-height: 0;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.search-container {