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

Fix SignupDialog: remove scrollbar, left-align title, add rounded corners to buttons

Browse Source
This commit is contained in:
P. Reis 2025-09-22 17:28:34 -03:00
parent ea5932490a
commit 2474609a5a
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -266,12 +266,12 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
className={cn("max-w-[95vw] sm:max-w-md max-h-[90vh] max-h-[90dvh] p-0 overflow-hidden rounded-2xl flex flex-col")} className={cn("max-w-[95vw] sm:max-w-md max-h-[90vh] max-h-[90dvh] p-0 overflow-hidden rounded-2xl flex flex-col")}
> >
<DialogHeader className={cn('px-6 pt-6 pb-1 relative flex-shrink-0')}> <DialogHeader className={cn('px-6 pt-6 pb-1 relative flex-shrink-0')}>
<DialogTitle className={cn('font-semibold text-center text-lg')}> <DialogTitle className={cn('font-semibold text-left text-lg')}>
{getTitle()} {getTitle()}
</DialogTitle> </DialogTitle>
</DialogHeader> </DialogHeader>
<div className='px-6 pt-2 pb-6 space-y-6 overflow-y-auto flex-1'> <div className='px-6 pt-2 pb-6 space-y-6 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'>
@ -287,7 +287,7 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
<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-2xl'
size='lg' size='lg'
onClick={handleGenerateKey} onClick={handleGenerateKey}
> >
@ -296,7 +296,7 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
<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 rounded-2xl'
onClick={handleHasKey} onClick={handleHasKey}
> >
I already have a key I already have a key