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 {
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;
position: relative;
overflow: hidden;
@ -129,26 +129,26 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
left: 30%;
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;
}
.waitlist-card:hover .waitlist-card-image {
opacity: 0.9;
opacity: 1;
}
.waitlist-card.selected .waitlist-card-image {
opacity: 1;
opacity: 0.8;
}
.waitlist-card:hover {
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 {
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 {
@ -157,17 +157,17 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
.waitlist-card-dashed {
background: transparent;
border: 1px dashed rgba(255, 255, 255, 0.15);
border: 2px dashed rgba(255, 255, 255, 0.15);
}
.waitlist-card-dashed:hover {
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 {
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 {