refactor: simplify AuthSummary and auth pages by removing conditional rendering for cart
This commit is contained in:
@@ -70,16 +70,14 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{#if !hasCart}
|
||||
<div class="hidden flex-col gap-6 pt-6 pb-0 lg:flex">
|
||||
<div>
|
||||
<h2 class="text-secondary text-[56px] leading-tight font-semibold">
|
||||
{$t("login.page.welcome.title")}
|
||||
</h2>
|
||||
<p class="text-content font-light">
|
||||
{$t("login.page.welcome.subtitle")}
|
||||
</p>
|
||||
</div>
|
||||
<hr class="bg-secondary" />
|
||||
<div class="hidden flex-col gap-6 pt-6 pb-0 lg:flex">
|
||||
<div>
|
||||
<h2 class="text-secondary text-[56px] leading-tight font-semibold">
|
||||
{$t("login.page.welcome.title")}
|
||||
</h2>
|
||||
<p class="text-content font-light">
|
||||
{$t("login.page.welcome.subtitle")}
|
||||
</p>
|
||||
</div>
|
||||
{/if}
|
||||
<hr class="bg-secondary" />
|
||||
</div>
|
||||
|
||||
@@ -68,25 +68,15 @@ itemCount.subscribe((count) => {
|
||||
{hasCart && <Summary client:load />}
|
||||
|
||||
<div class="lg:block" id="auth-details">
|
||||
{hasCart && <Steps step={2} client:load />}
|
||||
<div class="flex flex-col px-0 pb-0 lg:px-6 lg:pt-0 lg:pb-0">
|
||||
{
|
||||
hasCart && (
|
||||
<p class="text-content text-sm">{t("checkout.summary.deduct")}</p>
|
||||
)
|
||||
}
|
||||
{
|
||||
!hasCart && (
|
||||
<div class="flex flex-col gap-4 pt-4 pb-0 md:gap-6 md:pt-6 lg:hidden">
|
||||
<div>
|
||||
<p class="text-content text-sm font-light">
|
||||
{t("login.page.welcome.subtitle")}
|
||||
</p>
|
||||
</div>
|
||||
<hr class="bg-secondary" />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
<div class="flex flex-col gap-4 pt-4 pb-0 md:gap-6 md:pt-6 lg:hidden">
|
||||
<div>
|
||||
<p class="text-content text-sm font-light">
|
||||
{t("login.page.welcome.subtitle")}
|
||||
</p>
|
||||
</div>
|
||||
<hr class="bg-secondary" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -68,25 +68,15 @@ itemCount.subscribe((count) => {
|
||||
{hasCart && <Summary client:load />}
|
||||
|
||||
<div class="lg:block" id="auth-details">
|
||||
{hasCart && <Steps step={2} client:load />}
|
||||
<div class="flex flex-col px-0 pb-0 lg:px-6 lg:pt-0 lg:pb-0">
|
||||
{
|
||||
hasCart && (
|
||||
<p class="text-content text-sm">{t("checkout.summary.deduct")}</p>
|
||||
)
|
||||
}
|
||||
{
|
||||
!hasCart && (
|
||||
<div class="flex flex-col gap-4 pt-4 pb-0 md:gap-6 md:pt-6 lg:hidden">
|
||||
<div>
|
||||
<p class="text-content text-sm font-light">
|
||||
{t("login.page.welcome.subtitle")}
|
||||
</p>
|
||||
</div>
|
||||
<hr class="bg-secondary" />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
<div class="flex flex-col gap-4 pt-4 pb-0 md:gap-6 md:pt-6 lg:hidden">
|
||||
<div>
|
||||
<p class="text-content text-sm font-light">
|
||||
{t("login.page.welcome.subtitle")}
|
||||
</p>
|
||||
</div>
|
||||
<hr class="bg-secondary" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user