Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
web/src/components/misc/NotchSticker.svelte
View file

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

8
web/src/routes/settings/+layout.svelte
View file

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