thohlt/aurora
1
0
Fork 0
mirror of https://github.com/thiloho/aurora.git synced 2025-11-22 11:31:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Align checkboxes to middle

Browse Source
This commit is contained in:
thiloho
2023-05-19 13:24:39 +02:00
parent ab7f43364f
commit 7ca783eb62
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ThemeToggle.svelte
View File

@@ -25,7 +25,7 @@
</svg> </svg>
<div class="theme-toggle"> <div class="theme-toggle">
{#each themeOptions as option, index} {#each themeOptions as option, index}
<div> <div class="input-wrapper">
<input type="radio" id="theme-{option}" name="theme" value={option} bind:group={theme} on:change={saveTheme} /> <input type="radio" id="theme-{option}" name="theme" value={option} bind:group={theme} on:change={saveTheme} />
<label for="theme-{option}">{option}</label> <label for="theme-{option}">{option}</label>
</div> </div>
@@ -44,4 +44,14 @@
display: grid; display: grid;
gap: 0.5rem; gap: 0.5rem;
} }
input {
margin: 0;
}
.input-wrapper {
display: flex;
align-items: center;
gap: 0.5rem;
}
</style> </style>