diff --git a/.github/workflows/verify.yml b/.github/workflows/verify.yml index d47e9d2..6f622bc 100644 --- a/.github/workflows/verify.yml +++ b/.github/workflows/verify.yml @@ -23,6 +23,6 @@ jobs: - run: npm test - run: npm run build - run: npm audit - - run: npx playwright install --with-deps chromium + - run: npx playwright install chromium - run: npm run test:public - run: npm run test:session diff --git a/app/_home/new.css b/app/_home/new.css index be1c9d5..0092dc4 100644 --- a/app/_home/new.css +++ b/app/_home/new.css @@ -513,9 +513,15 @@ html:has(.meridian-page) { grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 28px; - background: color-mix(in srgb, var(--foreground) 4%, var(--background)); - box-shadow: inset 0 0 0 1px - color-mix(in srgb, var(--foreground) 9%, transparent); + background: + linear-gradient(165deg, rgb(255 255 255 / 0.025), transparent 55%), + color-mix(in srgb, var(--foreground) 4%, var(--background)); + box-shadow: + inset 0 0 0 1px color-mix(in srgb, var(--foreground) 9%, transparent), + inset 0 1px 0 rgb(255 255 255 / 0.07), + 0 2px 4px rgb(0 0 0 / 0.08), + 0 12px 24px -12px rgb(0 0 0 / 0.22), + 0 32px 56px -24px rgb(0 0 0 / 0.28); } .meridian-page .pricing-pane { display: flex;