Studio: Polish spacing and profile input radius (#5222)

* UI: polish studio spacing and profile input radius

* chore: use standard rounded radius for profile input

---------

Co-authored-by: Roland Tannous <115670425+rolandtannous@users.noreply.github.com>
This commit is contained in:
Lee Jackson 2026-05-03 21:38:19 +01:00 committed by GitHub
commit 00b607267a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions

View file

@ -524,7 +524,7 @@ export function ExportPage() {
// ---- Render ----
return (
<div className="min-h-[calc(100dvh-var(--studio-titlebar-height,0px))] bg-background">
<main className="mx-auto max-w-7xl px-4 py-4 sm:px-6">
<main className="mx-auto max-w-7xl px-4 py-8 sm:px-6">
<GuidedTour {...tour.tourProps} />
<div className="mb-8 flex flex-col gap-0.5">

View file

@ -139,7 +139,7 @@ export function ProfilePersonalizationPanel() {
}}
autoComplete="off"
placeholder={sessionSub || "Unsloth"}
className="h-10 min-w-0 flex-1 rounded-lg text-sm"
className="h-10 min-w-0 flex-1 rounded-full text-sm"
/>
<Button type="button" size="sm" className="h-10 px-5" onClick={saveName} disabled={!hasNameChanges}>
Save

View file

@ -128,7 +128,7 @@ export function StudioPage(): ReactElement {
return (
<div className="relative min-h-[calc(100dvh-var(--studio-titlebar-height,0px))] bg-background">
<main className="relative z-10 mx-auto max-w-7xl px-4 py-4 sm:px-6">
<main className="relative z-10 mx-auto max-w-7xl px-4 py-8 sm:px-6">
<GuidedTour {...tour.tourProps} celebrate={isConfigTour} />
<DatasetPreviewDialog