feat: update cards styles
This commit is contained in:
parent
986a3063bb
commit
4a47c53a0a
|
|
@ -141,6 +141,10 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
|
|||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.waitlist-card.selected:hover .waitlist-card-image {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.waitlist-card:hover {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
border-color: rgba(255, 255, 255, 0.4);
|
||||
|
|
@ -166,8 +170,16 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
|
|||
}
|
||||
|
||||
.waitlist-card-dashed.selected {
|
||||
background: rgba(99, 102, 241, 0.08);
|
||||
border-color: rgba(168, 85, 247, 0.9);
|
||||
background: rgba(255, 247, 237, 0.05);
|
||||
border-color: rgba(255, 236, 210, 0.8);
|
||||
}
|
||||
|
||||
.waitlist-card-dashed.selected .waitlist-card-icon {
|
||||
color: rgba(255, 236, 210, 0.9);
|
||||
}
|
||||
|
||||
.waitlist-card-dashed.selected span {
|
||||
color: rgba(255, 255, 255, 0.8) !important;
|
||||
}
|
||||
|
||||
.waitlist-card-icon {
|
||||
|
|
@ -179,6 +191,14 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
|
|||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.waitlist-card.selected:hover .waitlist-card-icon {
|
||||
color: #a78bfa;
|
||||
}
|
||||
|
||||
.waitlist-card-dashed.selected:hover .waitlist-card-icon {
|
||||
color: rgba(255, 236, 210, 0.9);
|
||||
}
|
||||
|
||||
.waitlist-other-input {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
|
|
|
|||
Loading…
Reference in New Issue