zenn/money.sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust UI density and spacing

Browse Source
This commit is contained in:
zenn
2026-08-13 16:27:44 +09:00
parent ba22cac395
commit d3a4cf277e
10 changed files with 117 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/main.css
View File

@@ -11,6 +11,7 @@ body {
margin: 0;
min-height: 100vh;
font-feature-settings: "tnum";
overflow-x: hidden;
}
input,
@@ -22,19 +23,19 @@ button {
@layer components {
.field {
@apply w-full rounded-md border border-line bg-white px-3 py-3 text-base outline-none transition focus:border-brand-600 focus:ring-2 focus:ring-brand-100;
@apply w-full rounded-md border border-line bg-white px-4 py-2.5 text-sm outline-none transition focus:border-brand-600 focus:ring-2 focus:ring-brand-100;
}
.label {
@apply mb-1 block text-sm font-medium text-muted;
@apply mb-1 block text-xs font-medium text-muted;
}
.btn-primary {
@apply inline-flex min-h-12 items-center justify-center rounded-md bg-brand-700 px-4 py-3 text-base font-semibold text-white shadow-soft transition active:scale-[0.99];
@apply inline-flex min-h-11 items-center justify-center rounded-md bg-brand-700 px-4 py-2.5 text-sm font-semibold text-white shadow-soft transition active:scale-[0.99];
}
.btn-secondary {
@apply inline-flex min-h-11 items-center justify-center rounded-md border border-line bg-white px-3 py-2 text-sm font-semibold text-ink transition active:scale-[0.99];
@apply inline-flex min-h-10 items-center justify-center rounded-md border border-line bg-white px-3 py-2 text-xs font-semibold text-ink transition active:scale-[0.99];
}
.segmented {
@@ -42,7 +43,7 @@ button {
}
.segmented-button {
@apply rounded px-3 py-2 text-sm font-semibold text-muted transition;
@apply rounded px-3 py-2 text-xs font-semibold text-muted transition;
}
.segmented-button-active {