web: use conditionals instead of special classes where it makes sense

This commit is contained in:
dumbmoron 2024-07-22 10:17:06 +00:00
parent b0a69f9944
commit d170f619d2
No known key found for this signature in database
2 changed files with 10 additions and 14 deletions

View file

@ -39,9 +39,11 @@
}
</script>
{#if state !== "hidden"}
<div id="cobalt-notch-sticker" aria-hidden="true" class={state}>
<CobaltSticker />
</div>
{/if}
<style>
#cobalt-notch-sticker {
@ -54,10 +56,6 @@
z-index: 999;
}
#cobalt-notch-sticker.hidden {
display: none;
}
#cobalt-notch-sticker.island {
padding-top: 15px;
}

View file

@ -134,9 +134,11 @@
</nav>
</div>
<main id="settings-page-content" class:hidden-mobile={isMobile && isHome}>
{#if !isMobile || !isHome}
<main id="settings-page-content">
<slot></slot>
</main>
{/if}
</div>
<style>
@ -212,10 +214,6 @@
width: 22px;
}
.hidden-mobile {
display: none !important;
}
@media screen and (max-width: 750px) {
#settings-page {
--settings-nav-width: 100%;