mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-30 16:17:41 +01:00
Code Issues Wiki Activity

Swap onboarding cards

Browse source
This commit is contained in:
Jip Fr 2024-01-28 01:18:45 +01:00
parent f5e719236a
commit d8dcdcc09b
1 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/pages/onboarding/Onboarding.tsx
View file

@ -59,21 +59,6 @@ export function OnboardingPage() {
</Paragraph> </Paragraph>
<div className="w-full flex flex-col-reverse md:flex-row gap-3"> <div className="w-full flex flex-col-reverse md:flex-row gap-3">
<Card onClick={() => navigate("/onboarding/proxy")}>
<CardContent
colorClass="!text-onboarding-good"
title={t("onboarding.start.options.proxy.title")}
subtitle={t("onboarding.start.options.proxy.quality")}
description={t("onboarding.start.options.proxy.description")}
>
<Link>{t("onboarding.start.options.proxy.action")}</Link>
</CardContent>
</Card>
<div className="hidden md:grid grid-rows-[1fr,auto,1fr] justify-center gap-4">
<VerticalLine className="items-end" />
<span className="text-xs uppercase font-bold">or</span>
<VerticalLine />
</div>
<Card onClick={() => navigate("/onboarding/extension")}> <Card onClick={() => navigate("/onboarding/extension")}>
<CardContent <CardContent
colorClass="!text-onboarding-best" colorClass="!text-onboarding-best"
@ -84,6 +69,21 @@ export function OnboardingPage() {
<Link>{t("onboarding.start.options.extension.action")}</Link> <Link>{t("onboarding.start.options.extension.action")}</Link>
</CardContent> </CardContent>
</Card> </Card>
<div className="hidden md:grid grid-rows-[1fr,auto,1fr] justify-center gap-4">
<VerticalLine className="items-end" />
<span className="text-xs uppercase font-bold">or</span>
<VerticalLine />
</div>
<Card onClick={() => navigate("/onboarding/proxy")}>
<CardContent
colorClass="!text-onboarding-good"
title={t("onboarding.start.options.proxy.title")}
subtitle={t("onboarding.start.options.proxy.quality")}
description={t("onboarding.start.options.proxy.description")}
>
<Link>{t("onboarding.start.options.proxy.action")}</Link>
</CardContent>
</Card>
</div> </div>
<p className="text-center hidden md:block mt-12"> <p className="text-center hidden md:block mt-12">