Style tweaks for onboarding wizard step 1
- Set animation panel (right half) background to #1d1d1d - Add more margin above Company name form label - Make form labels white when input is focused or has value using Tailwind group/focus-within pattern Co-Authored-By: Paperclip <noreply@paperclip.ing> Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -593,8 +593,8 @@ export function OnboardingWizard() {
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div className="mt-3 group">
|
||||||
<label className="text-xs text-muted-foreground mb-1 block">
|
<label className={cn("text-xs mb-1 block transition-colors", companyName.trim() ? "text-foreground" : "text-muted-foreground group-focus-within:text-foreground")}>
|
||||||
Company name
|
Company name
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
@@ -605,8 +605,8 @@ export function OnboardingWizard() {
|
|||||||
autoFocus
|
autoFocus
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div className="group">
|
||||||
<label className="text-xs text-muted-foreground mb-1 block">
|
<label className={cn("text-xs mb-1 block transition-colors", companyGoal.trim() ? "text-foreground" : "text-muted-foreground group-focus-within:text-foreground")}>
|
||||||
Mission / goal (optional)
|
Mission / goal (optional)
|
||||||
</label>
|
</label>
|
||||||
<textarea
|
<textarea
|
||||||
@@ -1185,7 +1185,7 @@ export function OnboardingWizard() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Right half — ASCII art (hidden on mobile) */}
|
{/* Right half — ASCII art (hidden on mobile) */}
|
||||||
<div className="hidden md:block w-1/2 overflow-hidden">
|
<div className="hidden md:block w-1/2 overflow-hidden bg-[#1d1d1d]">
|
||||||
<AsciiArtAnimation />
|
<AsciiArtAnimation />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user