tg app fix sizes
This commit is contained in:
@@ -100,13 +100,14 @@ onBeforeUnmount(() => {
|
||||
<router-view class="w-full" />
|
||||
</div>
|
||||
|
||||
<nav class="fixed inset-x-0 bottom-0 z-50 h-24 bg-white px-10 " style="padding-bottom: var(--tg-content-safe-area-inset-bottom) !important;">
|
||||
<div class="flex justify-items-start items-center justify-between">
|
||||
<nav class="fixed inset-x-0 bottom-4 z-50 bg-white rounded-4xl px-10 " style="padding-bottom: var(--tg-content-safe-area-inset-bottom) !important;">
|
||||
<div class="flex h-full justify-items-start items-center justify-between py-2">
|
||||
<router-link
|
||||
v-for="item in menu"
|
||||
:key="item.link"
|
||||
:to="item.link"
|
||||
class="flex w-fit flex-col items-center gap-2"
|
||||
class="flex w-fit h-full flex-col items-center gap-2"
|
||||
:class="route.path == item.link ? 'bg-green-100 rounded-2xl !py-2 !px-4' : ''"
|
||||
>
|
||||
<i class="!text-lg" :class="item.icon" />
|
||||
<span class="font-medium text-gray-900">{{ item.name }}</span>
|
||||
|
||||
Reference in New Issue
Block a user