Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-09-14 21:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update field component

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-09-02 17:54:31 +05:00
parent 28ff9d3ee1
commit 3d0f8ebb10
4 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+1
View File
@@ -9,3 +9,4 @@ refs/public/placeholder-logo.svg
refs/public/placeholder-logo.png refs/public/placeholder-logo.png
refs/public/placeholder.svg refs/public/placeholder.svg
web/audit/cdp-audit*.txt web/audit/cdp-audit*.txt
css-lint.txt
web/src/lib/components/kit/NumberField.svelte
+1 -1
View File
@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import Field from "./Field.svelte"; import Field from "./layout/Field.svelte";
interface Props { interface Props {
label: string; label: string;
web/src/lib/components/kit/SelectField.svelte
+1 -1
View File
@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import Field from "./Field.svelte"; import Field from "./layout/Field.svelte";
interface Option { interface Option {
value: string; value: string;
web/src/lib/components/kit/Field.svelte → web/src/lib/components/kit/layout/Field.svelte
+5 -5
View File
@@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import type { Snippet } from "svelte"; import type { Snippet } from "svelte";
import MonoLabel from "./MonoLabel.svelte"; import MonoLabel from "../MonoLabel.svelte";
interface Props { interface Props {
label: string; label: string;
@@ -20,16 +20,16 @@
.field { .field {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.3rem; gap: var(--space-s);
} }
.field-control { .field-control {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: var(--space-m);
} }
.field-hint { .field-hint {
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 10px; font-size: var(--font-text);
color: var(--muted); color: var(--color-text-muted);
} }
</style> </style>