saulteafarmer/mkstack
1
0
Fork 0
mirror of https://gitlab.com/soapbox-pub/mkstack.git synced 2025-09-23 17:56: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")}
>
<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()}
</DialogTitle>
</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 */}
{step === 'key' && (
<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'>
<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'
onClick={handleGenerateKey}
>
@ -296,7 +296,7 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
<Button
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}
>
I already have a key