saulteafarmer/mkstack
1
0
Fork 0
mirror of https://gitlab.com/soapbox-pub/mkstack.git synced 2025-09-24 02:06:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve SignupDialog key icon: make larger, add grey background, fix scrollbar

Browse Source
This commit is contained in:
P. Reis 2025-09-22 17:03:58 -03:00
parent 3db5148780
commit ea5932490a
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/auth/SignupDialog.tsx
View File

@ -270,8 +270,8 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
{getTitle()} {getTitle()}
</DialogTitle> </DialogTitle>
</DialogHeader> </DialogHeader>
<div className='px-6 pt-2 pb-6 space-y-6 overflow-y-scroll flex-1'> <div className='px-6 pt-2 pb-6 space-y-6 overflow-y-auto flex-1'>
{/* Initial Key Step - Soapbox style */} {/* Initial Key Step - Soapbox style */}
{step === 'key' && ( {step === 'key' && (
<div className='flex flex-col items-center space-y-6'> <div className='flex flex-col items-center space-y-6'>
@ -279,21 +279,23 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
You need a key to continue You need a key to continue
</p> </p>
<div className='text-6xl'> <div className='rounded-full bg-gray-100 p-8 dark:bg-gray-800'>
🔑 <div className='text-8xl'>
🔑
</div>
</div> </div>
<div className='flex flex-col items-center space-y-3 w-full'> <div className='flex flex-col items-center space-y-3 w-full'>
<Button <Button
className='bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-lg' className='bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-lg'
size='lg' size='lg'
onClick={handleGenerateKey} onClick={handleGenerateKey}
> >
Generate key Generate key
</Button> </Button>
<Button <Button
variant='ghost' variant='ghost'
className='text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200' className='text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200'
onClick={handleHasKey} onClick={handleHasKey}
> >