From 4a47c53a0a7605dddc432fdb5eacacd186f81b34 Mon Sep 17 00:00:00 2001 From: Oleg Proskurin Date: Sun, 14 Dec 2025 12:07:31 +0700 Subject: [PATCH] feat: update cards styles --- .../homepage/_components/WaitlistPopup.tsx | 24 +++++++++++++++++-- 1 file changed, 22 insertions(+), 2 deletions(-) diff --git a/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx b/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx index 3c696b7..4310437 100644 --- a/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx +++ b/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx @@ -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);