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

2024-07-22 10:17:06 +00:00
parent b0a69f9944
commit d170f619d2
2 changed files with 10 additions and 14 deletions
--- a/web/src/routes/settings/+layout.svelte
+++ b/web/src/routes/settings/+layout.svelte
@@ -134,9 +134,11 @@
        </nav>
    </div>

-    <main id="settings-page-content" class:hidden-mobile={isMobile && isHome}>
-        <slot></slot>
-    </main>
+    {#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%;