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

feature/responsive #22

Merged
ilia merged 49 commits from feature/responsive into main 2026-02-09 06:49:25 +00:00
Conversation 0 Commits 49 Files Changed 70 +9 -7
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 597ff7ec90 - Show all commits

4
src/features/SetupFont/model/state/manager.svelte.ts
View File

@@ -19,7 +19,9 @@ import {
MIN_LINE_HEIGHT, MIN_LINE_HEIGHT,
} from '../const/const'; } from '../const/const';
const controlData: ControlModel[] = [ export type ControlId = 'font_size' | 'font_weight' | 'line_height' | 'letter_spacing';
const controlData: ControlModel<ControlId>[] = [
{ {
id: 'font_size', id: 'font_size',
value: DEFAULT_FONT_SIZE, value: DEFAULT_FONT_SIZE,

12
src/shared/lib/helpers/createTypographyControl/createTypographyControl.svelte.ts
View File

@@ -22,11 +22,11 @@ export interface ControlDataModel {
step: number; step: number;
} }
export interface ControlModel extends ControlDataModel { export interface ControlModel<T extends string = string> extends ControlDataModel {
/** /**
* Control identifier * Control identifier
*/ */
id: string; id: T;
/** /**
* Area label for increase button * Area label for increase button
*/ */
@@ -59,10 +59,10 @@ export function createTypographyControl<T extends ControlDataModel>(
return value; return value;
}, },
set value(newValue) { set value(newValue) {
value = roundToStepPrecision( const rounded = roundToStepPrecision(clampNumber(newValue, min, max), step);
clampNumber(newValue, min, max), if (value !== rounded) {
step, value = rounded;
); }
}, },
get max() { get max() {
return max; return max;