luminic-space/app-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tg app fix sizes

Browse Source
This commit is contained in:
xds
2025-10-27 18:22:40 +03:00
parent 2261c445b4
commit e7714470c3
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.vue
View File

@@ -100,13 +100,14 @@ onBeforeUnmount(() => {
<router-view class="w-full" /> <router-view class="w-full" />
</div> </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;"> <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 justify-items-start items-center justify-between"> <div class="flex h-full justify-items-start items-center justify-between py-2">
<router-link <router-link
v-for="item in menu" v-for="item in menu"
:key="item.link" :key="item.link"
:to="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" /> <i class="!text-lg" :class="item.icon" />
<span class="font-medium text-gray-900">{{ item.name }}</span> <span class="font-medium text-gray-900">{{ item.name }}</span>

2
src/assets/main.css
View File

@@ -26,7 +26,7 @@ a,
@media (hover: hover) { @media (hover: hover) {
a:hover { a:hover {
background-color: hsla(160, 100%, 37%, 0.2); /*background-color: hsla(160, 100%, 37%, 0.2);*/
} }
} }

1
src/assets/theme.css
View File

@@ -206,4 +206,3 @@ span, a, i {
color: var(--text-color) !important; color: var(--text-color) !important;
padding: 0 !important; padding: 0 !important;
} }