logaritmisk
62c569741f
Five small design/layout nits from the UI sweep:
- form.selectPlaceholder "— select —" → "Select…" / "Välj…", matching
the affordance style of every other placeholder (Filter…, Search…).
- FieldForm in edit mode now explains its locked controls with a muted
fields.lockedNote caption ("Key and type can't be changed after
creation.") instead of leaving four silently disabled inputs.
- FieldList rows truncate long labels (min-w-0 on the row button +
truncate on the label, shrink-0 on the badge and required marker)
instead of overflowing the 20rem column.
- The sidebar collapse toggle is hidden on narrow viewports (hidden
md:flex) instead of rendered permanently disabled/grayed — the rail
is forced collapsed there anyway.
- PageTitle gains text-balance so long titles wrap evenly.
Closes #73
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
14 lines
318 B
TypeScript
14 lines
318 B
TypeScript
import type { ComponentProps } from "react"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
|
|
export function PageTitle({ className, ...props }: ComponentProps<"h1">) {
|
|
return (
|
|
<h1
|
|
data-slot="page-title"
|
|
className={cn("text-2xl font-semibold tracking-tight text-balance", className)}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|