usulpro
/
banatie-service
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: better card styles

This commit is contained in:
Oleg Proskurin 2025-12-14 11:53:32 +07:00
parent 9c428383d7
commit 986a3063bb
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
apps/landing/src/app/homepage/_components/WaitlistPopup.tsx
View File

@ -106,7 +106,7 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
.waitlist-card { .waitlist-card {
background: rgba(255, 255, 255, 0.02); background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.06); border: 2px solid transparent;
transition: all 0.2s ease; transition: all 0.2s ease;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@ -129,26 +129,26 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
left: 30%; left: 30%;
mask-image: linear-gradient(to right, transparent 0%, black 40%); mask-image: linear-gradient(to right, transparent 0%, black 40%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 40%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 40%);
opacity: 0.8; opacity: 0.5;
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
} }
.waitlist-card:hover .waitlist-card-image { .waitlist-card:hover .waitlist-card-image {
opacity: 0.9; opacity: 1;
} }
.waitlist-card.selected .waitlist-card-image { .waitlist-card.selected .waitlist-card-image {
opacity: 1; opacity: 0.8;
} }
.waitlist-card:hover { .waitlist-card:hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.4);
} }
.waitlist-card.selected { .waitlist-card.selected {
background: rgba(99, 102, 241, 0.12); background: rgba(99, 102, 241, 0.12);
border-color: rgba(139, 92, 246, 0.4); border-color: rgba(168, 85, 247, 0.9);
} }
.waitlist-card.selected .waitlist-card-icon { .waitlist-card.selected .waitlist-card-icon {
@ -157,17 +157,17 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
.waitlist-card-dashed { .waitlist-card-dashed {
background: transparent; background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.15); border: 2px dashed rgba(255, 255, 255, 0.15);
} }
.waitlist-card-dashed:hover { .waitlist-card-dashed:hover {
background: rgba(255, 255, 255, 0.02); background: rgba(255, 255, 255, 0.02);
border-color: rgba(255, 255, 255, 0.25); border-color: rgba(255, 255, 255, 0.4);
} }
.waitlist-card-dashed.selected { .waitlist-card-dashed.selected {
background: rgba(99, 102, 241, 0.08); background: rgba(99, 102, 241, 0.08);
border-color: rgba(139, 92, 246, 0.3); border-color: rgba(168, 85, 247, 0.9);
} }
.waitlist-card-icon { .waitlist-card-icon {