scrollable containers
This commit is contained in:
parent
f0cd58040c
commit
c36c9a3ef1
3 changed files with 16 additions and 5 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue