feat: Quests page responsiveness and sidebar enhancements

This commit is contained in:
2026-03-04 03:22:22 +06:00
parent c35f328e30
commit 437c7a517f
37 changed files with 398 additions and 65 deletions

View File

@ -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: