glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ComparisonSlider): slightly tweak styles

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-18 16:59:31 +03:00
parent 5dae5fb7ea
commit ee0749e828
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/widgets/ComparisonSlider/ui/ComparisonSlider/components/TypographyControls.svelte
View File

@@ -4,7 +4,6 @@
Simplified version for static positioning in settings mode.
-->
<script lang="ts">
import { cn } from '$shared/shadcn/utils/shadcn-utils';
import {
ComboControlV2,
Input,
@@ -20,30 +19,35 @@ const typography = $derived(comparisonStore.typography);
size="sm"
label="Text"
placeholder="The quick brown fox..."
class="w-full px-3 py-2 h-10 rounded-lg border border-border-muted bg-background-60 backdrop-blur-sm mr-4"
class="w-full h-10 px-3 py-2 sm:mr-4 mb-8 sm:mb-4 rounded-lg border border-border-muted bg-background-60 backdrop-blur-sm"
/>
<!-- Typography controls -->
{#if typography.weightControl && typography.sizeControl && typography.heightControl}
<div class="flex flex-col gap-1.5 mt-1.5">
<div class="flex flex-col mt-1.5">
<ComboControlV2
control={typography.weightControl}
orientation="horizontal"
class="sm:py-0"
class="sm:py-0 sm:px-0 mb-5 sm:mb-1.5"
label="font weight"
showScale={false}
reduced
/>
<ComboControlV2
control={typography.sizeControl}
orientation="horizontal"
class="sm:py-0"
class="sm:py-0 sm:px-0 mb-5 sm:mb-1.5"
label="font size"
showScale={false}
reduced
/>
<ComboControlV2
control={typography.heightControl}
orientation="horizontal"
class="sm:py-0"
class="sm:py-0 sm:px-0"
label="line height"
showScale={false}
reduced
/>