feat: Quests page responsiveness and sidebar enhancements
This commit is contained in:
@ -72,6 +72,13 @@ const STYLES = `
|
||||
border-bottom: 1px solid rgba(251,191,36,0.12);
|
||||
padding: 1.25rem 1.25rem 0;
|
||||
}
|
||||
|
||||
/* On desktop, account for sidebar */
|
||||
@media (min-width: 768px) {
|
||||
.qm-header {
|
||||
padding-left: calc(17rem + 1.25rem);
|
||||
}
|
||||
}
|
||||
.qm-page-title {
|
||||
font-family: 'Sorts Mill Goudy', serif;
|
||||
font-size: 1.3rem; font-weight: 900; letter-spacing: 0.05em;
|
||||
@ -133,6 +140,15 @@ const STYLES = `
|
||||
linear-gradient(180deg, #071530 0%, #04101e 40%, #020a14 100%);
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
/* On desktop, account for sidebar (16rem + 1rem margins = 17rem) */
|
||||
@media (min-width: 768px) {
|
||||
.qm-sea {
|
||||
padding-left: calc(17rem + 1.25rem);
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.qm-sea-shimmer {
|
||||
position:absolute; inset:0; pointer-events:none; z-index:0;
|
||||
background:
|
||||
|
||||
Reference in New Issue
Block a user