fixed navigation for mobile version

This commit is contained in:
Čarodej
2022-01-26 18:28:19 +01:00
parent 438e930e06
commit 0b3fc946bd
12 changed files with 203 additions and 154 deletions

View File

@@ -3,10 +3,10 @@
<div v-if="plan" class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0">
<div class="mb-2">
<h1 class="font-bold text-xl">
<h1 class="font-bold sm:text-xl text-lg">
{{ plan.attributes.name }}
</h1>
<small class="text-sm font-bold text-gray-500">
<small class="sm:text-sm text-xs font-bold text-gray-500">
{{ plan.attributes.price }} / {{ $t(`interval.${plan.attributes.interval}`) }}
</small>
</div>

View File

@@ -3,15 +3,16 @@
<div v-if="plan" class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0;">
<div class="mb-2">
<h1 class="font-bold text-xl">
<h1 class="font-bold sm:text-xl text-lg">
{{ plan.attributes.name }}
</h1>
<small class="text-sm font-bold text-gray-500">
<small class="sm:text-sm text-xs font-bold text-gray-500">
{{ $t('30 Days intervals') }}
</small>
</div>
<CardNavigation :pages="pages" class="-mx-1.5" />
<!--Navigation-->
<CardNavigation :pages="pages" class="-mx-1" />
</div>
<router-view v-if="! isLoading" :plan="plan" />