appearance settings layout fix
This commit is contained in:
@@ -75,12 +75,12 @@ export const SettingsView: Component = () => {
|
|||||||
<div class="grid gap-6">
|
<div class="grid gap-6">
|
||||||
{/* Appearance */}
|
{/* Appearance */}
|
||||||
<section class="p-4 sm:p-5 rounded-2xl border border-border bg-card shadow-sm">
|
<section class="p-4 sm:p-5 rounded-2xl border border-border bg-card shadow-sm">
|
||||||
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
|
<div class="flex items-center justify-between gap-4">
|
||||||
<div class="space-y-0.5">
|
<div class="space-y-0.5">
|
||||||
<h3 class="text-base font-semibold">Appearance</h3>
|
<h3 class="text-base font-semibold">Appearance</h3>
|
||||||
<p class="text-sm text-muted-foreground">Select your preferred color scheme.</p>
|
<p class="text-sm text-muted-foreground">Select your preferred color scheme.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex justify-start sm:justify-end">
|
<div class="shrink-0">
|
||||||
<ThemeToggle />
|
<ThemeToggle />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user