hipowered.dev/basecoat
1
0
Fork 0
mirror of https://github.com/hunvreus/basecoat.git synced 2026-11-14 05:58:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use 16px text on mobile for the remaining text fields to stop iOS zoom (#218)

Browse Source
This commit is contained in:
Grug
2026-10-23 16:02:47 +08:00
committed by GitHub
parent 9de91ee607
commit 33d0eb9eb2
7 changed files with 49 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/styles/nova.css
+8 -4
View File
@@ -205,7 +205,7 @@
/* Native Select */
.field > select,
select.select {
@apply border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-8 w-fit rounded-lg border bg-transparent py-1 ps-2.5 pe-8 text-sm transition-colors focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5;
@apply border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-8 w-fit rounded-lg border bg-transparent py-1 ps-2.5 pe-8 text-base md:text-sm transition-colors focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5;
@apply bg-[image:var(--chevron-down-icon-50)] bg-no-repeat bg-position-[center_right_0.625rem] bg-size-[1rem];
}
@@ -361,7 +361,7 @@
}
.command > header input {
@apply ps-1.5 text-sm placeholder:text-muted-foreground;
@apply ps-1.5 text-base md:text-sm placeholder:text-muted-foreground;
}
.command [role='menu'] {
@@ -452,6 +452,10 @@
@apply dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-[[aria-invalid=true]]:ring-destructive/20 dark:has-[[aria-invalid=true]]:ring-destructive/40 has-[[aria-invalid=true]]:border-destructive dark:has-[[aria-invalid=true]]:border-destructive/50 min-h-8 gap-1 rounded-lg border bg-transparent bg-clip-padding px-1 py-1 text-sm transition-colors focus-within:ring-3 has-[[aria-invalid=true]]:ring-3;
}
.combobox-chips > input[role='combobox'] {
@apply text-base md:text-sm;
}
.combobox-chip {
@apply bg-muted text-foreground h-5.25 gap-1 rounded-sm px-1.5 text-xs font-medium has-[>.combobox-chip-remove]:pe-0;
}
@@ -951,7 +955,7 @@
}
.input-group > :is(input, select, [data-control]) {
@apply px-2.5 py-1 text-sm;
@apply px-2.5 py-1 text-base md:text-sm;
}
.input-group:not([data-orientation='vertical']):has(> :is([data-align='start'], [data-align='inline-start'])) > :is(input, select, [data-control]) {
@@ -963,7 +967,7 @@
}
.input-group > textarea {
@apply px-2.5 py-2 text-sm;
@apply px-2.5 py-2 text-base md:text-sm;
}
.input-group > :is(span, [role='group'], header, footer),