mirror of
https://github.com/wukko/cobalt.git
synced 2024-11-15 12:50:01 +00:00
web: use conditionals instead of special classes where it makes sense
This commit is contained in:
parent
b0a69f9944
commit
d170f619d2
2 changed files with 10 additions and 14 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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%;
|
||||
|
|
Loading…
Reference in a new issue