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

tags and new analytics new in budget

Browse Source
This commit is contained in:
xds
2025-02-21 01:54:00 +03:00
parent db03c743b2
commit 6d3638896f
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/settings/SettingsView.vue
View File

@@ -42,7 +42,7 @@ const pages = ref([
<h2 class="text-4xl font-bold ">Настройки</h2> <h2 class="text-4xl font-bold ">Настройки</h2>
<div class="xl:grid xl:grid-cols-8 w-full h-full "> <div class="xl:grid xl:grid-cols-8 w-full h-full ">
<div class=" hidden xl:flex flex-row items-center justify-end col-start-2 col-span-1 "> <div class=" hidden xl:flex flex-row items-start justify-end col-start-2 col-span-1 ">
<ul class=" flex-col gap-1 "> <ul class=" flex-col gap-1 ">
<li v-for="page in pages" :key="page.code" <li v-for="page in pages" :key="page.code"
class="flex flex-row gap-2 p-2 hover:bg-emerald-100 hover:text-emerald-700 hover:rounded-md items-center" class="flex flex-row gap-2 p-2 hover:bg-emerald-100 hover:text-emerald-700 hover:rounded-md items-center"
@@ -53,10 +53,9 @@ const pages = ref([
<Divider layout="vertical"/> <Divider layout="vertical"/>
</div> </div>
<div class="flex xl:hidden sm:col-span-1 w-full h-fit p-2 mb-2 overflow-y-scroll outline outline-1 outline-gray-300 rounded-xl"> <div class="flex xl:hidden sm:col-span-1 w-full h-fit p-2 mb-2 overflow-y-scroll outline outline-1 outline-gray-300 rounded-xl">
<ul class=" min-w-fit w-full"> <ul class=" min-w-fit w-full items-start">
<li v-for="page in pages" <li v-for="page in pages"
class=" flex flex-row gap-2 items-center px-2 py-2 hover:bg-blue-50 rounded-md line-clamp-1 w-full" class=" flex flex-row gap-2 px-2 py-2 hover:bg-blue-50 rounded-md line-clamp-1 w-full"
:class="selectedModeCode == page.code ? '!bg-emerald-50 text-emerald-700': '' " @click="selectedModeCode=page.code"> :class="selectedModeCode == page.code ? '!bg-emerald-50 text-emerald-700': '' " @click="selectedModeCode=page.code">
<i :class="page.icon"/>{{ page.title }} <i :class="page.icon"/>{{ page.title }}
</li> </li>