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

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

@ -271,7 +271,7 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
</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,9 +279,11 @@ 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