feat: refine overlay positioning and styles for improved layout on ScrollOverlays component
This commit is contained in:
+14
-8
@@ -415,20 +415,20 @@ html {
|
||||
|
||||
.overlay-section-left {
|
||||
top: auto !important;
|
||||
bottom: 6vh !important;
|
||||
bottom: 4vh !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.overlay-section-right {
|
||||
top: auto !important;
|
||||
bottom: 6vh !important;
|
||||
bottom: 4vh !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
.overlay-panel {
|
||||
max-width: 100%;
|
||||
padding: 1.5rem;
|
||||
border-radius: 1.25rem;
|
||||
padding: 1.25rem;
|
||||
border-radius: 1rem;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
@@ -449,14 +449,20 @@ html {
|
||||
}
|
||||
|
||||
.overlay-brand {
|
||||
top: 8vh !important;
|
||||
top: 4vh !important;
|
||||
bottom: auto !important;
|
||||
left: 50% !important;
|
||||
transform: translateX(-50%);
|
||||
width: 90vw;
|
||||
}
|
||||
|
||||
.overlay-brand span {
|
||||
font-size: 0.6rem !important;
|
||||
letter-spacing: 0.25em !important;
|
||||
}
|
||||
|
||||
.overlay-brand .overlay-panel,
|
||||
.overlay-brand span,
|
||||
.overlay-brand p {
|
||||
font-size: 0.7rem;
|
||||
font-size: 0.75rem !important;
|
||||
}
|
||||
|
||||
.overlay-scroll-hint {
|
||||
|
||||
Reference in New Issue
Block a user