buttons won't move as much
This commit is contained in:
@@ -148,6 +148,32 @@ const DecideMode: React.FC<DecideModeProps> = ({
|
|||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Primary/Secondary actions */}
|
||||||
|
<div className='flex gap-2 pt-2'>
|
||||||
|
<Button
|
||||||
|
variant='outline'
|
||||||
|
size='sm'
|
||||||
|
onClick={onSkip}
|
||||||
|
disabled={isSkipping}
|
||||||
|
className='flex-1 h-10 text-muted-foreground hover:text-foreground hover:border-rose-500/30 hover:bg-rose-500/5'
|
||||||
|
>
|
||||||
|
{isSkipping ? (
|
||||||
|
<Loader2 className='mr-2 h-4 w-4 animate-spin' />
|
||||||
|
) : (
|
||||||
|
<XCircle className='mr-2 h-4 w-4' />
|
||||||
|
)}
|
||||||
|
Skip
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
size='sm'
|
||||||
|
onClick={onTailor}
|
||||||
|
className='flex-1 h-10 bg-primary/90 hover:bg-primary'
|
||||||
|
>
|
||||||
|
<Sparkles className='mr-2 h-4 w-4' />
|
||||||
|
Tailor
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Separator className='opacity-50' />
|
<Separator className='opacity-50' />
|
||||||
@@ -184,7 +210,7 @@ const DecideMode: React.FC<DecideModeProps> = ({
|
|||||||
<Separator className='opacity-50' />
|
<Separator className='opacity-50' />
|
||||||
|
|
||||||
{/* Actions - clear hierarchy */}
|
{/* Actions - clear hierarchy */}
|
||||||
<div className='pt-4 space-y-3'>
|
<div className='pt-4 pb-2'>
|
||||||
{/* External link - tertiary */}
|
{/* External link - tertiary */}
|
||||||
<div className='flex justify-center'>
|
<div className='flex justify-center'>
|
||||||
<a
|
<a
|
||||||
@@ -197,32 +223,6 @@ const DecideMode: React.FC<DecideModeProps> = ({
|
|||||||
View original listing
|
View original listing
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Primary/Secondary actions */}
|
|
||||||
<div className='flex gap-2'>
|
|
||||||
<Button
|
|
||||||
variant='outline'
|
|
||||||
size='sm'
|
|
||||||
onClick={onSkip}
|
|
||||||
disabled={isSkipping}
|
|
||||||
className='flex-1 h-10 text-muted-foreground hover:text-foreground hover:border-rose-500/30 hover:bg-rose-500/5'
|
|
||||||
>
|
|
||||||
{isSkipping ? (
|
|
||||||
<Loader2 className='mr-2 h-4 w-4 animate-spin' />
|
|
||||||
) : (
|
|
||||||
<XCircle className='mr-2 h-4 w-4' />
|
|
||||||
)}
|
|
||||||
Skip
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
size='sm'
|
|
||||||
onClick={onTailor}
|
|
||||||
className='flex-1 h-10 bg-primary/90 hover:bg-primary'
|
|
||||||
>
|
|
||||||
<Sparkles className='mr-2 h-4 w-4' />
|
|
||||||
Tailor
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user