|
878 | 878 | .acctcard.classic .ovclose:hover { color: var(--cc-text); background: color-mix(in srgb, var(--cc-text3) 18%, transparent); } |
879 | 879 | /* Hero — the landing page's floating chevron over four drifting "portal" circles. Decorative (aria-hidden), |
880 | 880 | full-bleed at the top of the modal; the motion respects prefers-reduced-motion (guard below). */ |
881 | | - .acctcard.classic .hero { position: relative; height: 150px; display: grid; place-items: center; overflow: hidden; } |
882 | | - .acctcard.classic .hero .portalmark { width: 212px; height: auto; display: block; } |
| 881 | + .acctcard.classic .hero { position: relative; height: 146px; overflow: hidden; } |
| 882 | + /* Absolutely placed with a top gap so the chevron peak clears the modal's rounded top edge; the SVG is |
| 883 | + taller than the hero, so only the LOWER soft circles bleed off — the chevron itself is never clipped. */ |
| 884 | + .acctcard.classic .hero .portalmark { position: absolute; left: 50%; top: 12px; transform: translateX(-50%); width: 182px; height: auto; } |
883 | 885 | .acctcard.classic .portal-layer { transform-origin: 50% 60%; animation: portalDrift 7s ease-in-out infinite; } |
884 | 886 | .acctcard.classic .portal-layer:nth-child(2) { animation-delay: -1.4s; } |
885 | 887 | .acctcard.classic .portal-layer:nth-child(3) { animation-delay: -2.8s; } |
|
2816 | 2818 | // privacy reassurance, which is genuinely useful there. |
2817 | 2819 | const note = gateway ? '' : '<div class="note">Your keys never leave your machine — requests go direct to your provider.</div>'; |
2818 | 2820 | const docsLink = '<a class="docs" data-act="docs" role="link" tabindex="0">Documentation <span class="darrow" aria-hidden="true">↗</span></a>'; |
| 2821 | + // Highlight Manage account as the primary CTA — EXCEPT on free tier, where the accent belongs to the |
| 2822 | + // Upgrade button (two accent buttons would compete), so Manage stays quiet there. |
| 2823 | + const manageClass = upgradeBtn ? 'abtn' : 'abtn primary'; |
2819 | 2824 | acctBody.innerHTML = |
2820 | 2825 | '<div class="hero">' + LC_PORTAL_SVG + '</div>' |
2821 | 2826 | + '<div class="acctmain">' |
2822 | 2827 | + '<h2 id="lcTitle">' + esc(account.name || 'Signed in') + '</h2>' |
2823 | 2828 | + emailLine |
2824 | 2829 | + planPill |
2825 | 2830 | + upgradeBtn |
2826 | | - + '<button class="abtn" data-act="manage">Manage account</button>' |
| 2831 | + + '<button class="' + manageClass + '" data-act="manage">Manage account</button>' |
2827 | 2832 | + '<button class="signout" data-act="signout">Sign out</button>' |
2828 | 2833 | + '<div class="acctfoot">' + docsLink + '<div class="synced">Synced · settings · skills · keymaps</div></div>' |
2829 | 2834 | + note |
|
0 commit comments