web/settings: move switcher description to correct component

This commit is contained in:
wukko
2024-07-10 19:35:23 +06:00
parent d8420116dc
commit c013134b70
7 changed files with 42 additions and 41 deletions

View File

@@ -49,7 +49,7 @@
.toggle-parent {
display: flex;
flex-direction: column;
gap: 10px;
gap: 8px;
overflow: hidden;
}

View File

@@ -1,12 +1,24 @@
<script lang="ts">
export let big: boolean = false;
export let description: string = "";
</script>
<div id="switcher-container" class="switcher" class:big={big} role="listbox">
<slot></slot>
<div class="switcher-parent">
<div class="switcher" class:big={big} role="listbox">
<slot></slot>
</div>
{#if description}
<div class="settings-content-description subtext">{description}</div>
{/if}
</div>
<style>
.switcher-parent {
display: flex;
flex-direction: column;
gap: 8px;
}
.switcher {
display: flex;
width: auto;