add LibraryContainer for max-width and background overlay

This commit is contained in:
jeffvli
2025-11-20 20:54:14 -08:00
parent c4f94495a8
commit 3212a35efb
13 changed files with 237 additions and 175 deletions
@@ -1,11 +1,30 @@
.root {
.overlay {
position: absolute;
z-index: -1;
width: 100%;
height: 20vh;
min-height: 200px;
pointer-events: none;
user-select: none;
background-image: var(--theme-overlay-subheader);
opacity: 0.3;
opacity: 0.7;
}
.background-image {
position: absolute;
top: 0;
z-index: 0;
width: 100%;
background-position: center !important;
background-size: cover !important;
opacity: 0.9;
}
.background-image-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
background: var(--theme-overlay-subheader);
opacity: 0.5;
}