mirror of
https://gitlab.com/soapbox-pub/mkstack.git
synced 2025-08-27 13:09:22 +00:00
generic colors
This commit is contained in:
parent
3f25629923
commit
d393975ccb
@ -195,17 +195,17 @@ const LoginDialog: React.FC<LoginDialogProps> = ({ isOpen, onClose, onLogin, onS
|
|||||||
<div className='relative p-4 rounded-2xl bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-blue-950/50 dark:to-indigo-950/50 border border-blue-200 dark:border-blue-800 overflow-hidden'>
|
<div className='relative p-4 rounded-2xl bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-blue-950/50 dark:to-indigo-950/50 border border-blue-200 dark:border-blue-800 overflow-hidden'>
|
||||||
<div className='relative z-10 text-center space-y-3'>
|
<div className='relative z-10 text-center space-y-3'>
|
||||||
<div className='flex justify-center items-center gap-2 mb-2'>
|
<div className='flex justify-center items-center gap-2 mb-2'>
|
||||||
<Sparkles className='w-5 h-5 text-purple-600' />
|
<Sparkles className='w-5 h-5 text-blue-600' />
|
||||||
<span className='font-semibold text-purple-800 dark:text-purple-200'>
|
<span className='font-semibold text-blue-800 dark:text-blue-200'>
|
||||||
New to Nostr?
|
New to Nostr?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<p className='text-sm text-purple-700/80 dark:text-purple-300/80'>
|
<p className='text-sm text-blue-700 dark:text-blue-300'>
|
||||||
Create a new account to get started. It's free and open.
|
Create a new account to get started. It's free and open.
|
||||||
</p>
|
</p>
|
||||||
<Button
|
<Button
|
||||||
onClick={handleSignupClick}
|
onClick={handleSignupClick}
|
||||||
className='w-full rounded-full py-3 text-base font-semibold bg-gradient-to-r from-purple-600 to-yellow-600 hover:from-purple-700 hover:to-yellow-700 transform transition-all duration-200 hover:scale-105 shadow-lg border-0'
|
className='w-full rounded-full py-3 text-base font-semibold bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 transform transition-all duration-200 hover:scale-105 shadow-lg border-0'
|
||||||
>
|
>
|
||||||
<UserPlus className='w-4 h-4 mr-2' />
|
<UserPlus className='w-4 h-4 mr-2' />
|
||||||
<span>Sign Up</span>
|
<span>Sign Up</span>
|
||||||
|
@ -596,8 +596,8 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
|
|||||||
<Button
|
<Button
|
||||||
className={`w-full rounded-full py-4 text-base font-semibold transform transition-all duration-200 shadow-lg ${
|
className={`w-full rounded-full py-4 text-base font-semibold transform transition-all duration-200 shadow-lg ${
|
||||||
keySecured !== 'none'
|
keySecured !== 'none'
|
||||||
? 'bg-gradient-to-r from-purple-600 to-yellow-600 hover:from-purple-700 hover:to-yellow-700 hover:scale-105'
|
? 'bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 dark:from-blue-950/50 dark:to-purple-950/50 hover:scale-105'
|
||||||
: 'bg-gradient-to-r from-purple-600/60 to-yellow-600/60 text-foreground cursor-not-allowed'
|
: 'bg-gradient-to-r from-blue-600/60 to-indigo-600/60 text-muted cursor-not-allowed'
|
||||||
}`}
|
}`}
|
||||||
onClick={finishKeySetup}
|
onClick={finishKeySetup}
|
||||||
disabled={keySecured === 'none'}
|
disabled={keySecured === 'none'}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user