style(deck-creator): pakli név mező szélességének optimalizálása

- Pakli név mező mostantól csak 2/3 szélességű
- Jobb vizuális egyensúly a form elemek között
- Reszponzív elrendezés megtartva
This commit is contained in:
GitG0r0
2025-10-22 20:01:54 +02:00
parent 46ad6caefd
commit 83efb91f52
@@ -75,8 +75,10 @@ export default function DeckHeader({ deck, onUpdate, onSave, onBack }) {
{/* Main Content Row */} {/* Main Content Row */}
<div className="space-y-4"> <div className="space-y-4">
{/* Deck Name */} {/* Two Column Layout */}
<div> <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
{/* Deck Name - Takes up 2 columns */}
<div className="md:col-span-2">
<label className="block text-[color:var(--color-text-muted)] text-sm font-medium mb-2"> <label className="block text-[color:var(--color-text-muted)] text-sm font-medium mb-2">
📦 Pakli neve 📦 Pakli neve
</label> </label>
@@ -89,6 +91,10 @@ export default function DeckHeader({ deck, onUpdate, onSave, onBack }) {
/> />
</div> </div>
{/* Empty space for visual balance */}
<div className="hidden md:block"></div>
</div>
{/* Type, Privacy and Description Row */} {/* Type, Privacy and Description Row */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-4"> <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
{/* Deck Type */} {/* Deck Type */}