df2e4c1518
* main: (35 commits) Replace the whole card on update Include bottom inset on the modal and footer, too Attempt to fix expanded search input Lose the second close button This seems to have caused the unwanted effect of not focusing the field in Mobile Safari Always display the cancel button, `esc` isn't obvious Nothing should cover the bar, trays or search results Dark theme color isn't black Add env constaints for mobile layout Smaller on mobile Reasonalbe max heights Remove top orientation (it doesn't work well), make right and left classes exclusive This is too fancy, remove it Set reasonable maxes Restore bubble to Maybe Restore structured logging of `queenbee_id` Add a kamal pre-build hook with some safety checks Configure beta to use production blob store Configure beta load balancer Update beta deployment and secrets config ...
36 lines
629 B
CSS
36 lines
629 B
CSS
@layer base {
|
|
body {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr auto 9em;
|
|
|
|
&.public {
|
|
grid-template-rows: auto 1fr auto;
|
|
}
|
|
}
|
|
|
|
:where(#main) {
|
|
inline-size: 100dvw;
|
|
margin-inline: auto;
|
|
max-inline-size: 100dvw;
|
|
padding-inline:
|
|
calc(var(--main-padding) + env(safe-area-inset-left))
|
|
calc(var(--main-padding) + env(safe-area-inset-right));
|
|
text-align: center;
|
|
}
|
|
|
|
:where(#footer) {
|
|
max-inline-size: 100dvw;
|
|
}
|
|
|
|
:where(#header) {
|
|
position: relative;
|
|
z-index: var(--z-nav);
|
|
}
|
|
|
|
:is(#header, #footer) {
|
|
@media print {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|