TelemedPro/hgh_admin
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
nasir@endelospay.com 2024-06-07 01:21:36 +05:00
parent 80f71389cc
commit 58883ba8d5
1 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
resources/js/@layouts/components/VerticalNavDropdown.vue
View File

@ -9,7 +9,8 @@
v-if="!hideTitleAndIcon && item.icon" v-if="!hideTitleAndIcon && item.icon"
:class="itemIconClass(item)" :class="itemIconClass(item)"
/> />
<VBtn v-bind="props" block > <VBtn v-bind="props" block variant="text"
color="secondary">
<VIcon v-if="item.icon" :icon="item.icon.icon" class="mr-2" />{{ item.title }} <VIcon v-if="item.icon" :icon="item.icon.icon" class="mr-2" />{{ item.title }}
</VBtn> </VBtn>
</template> </template>
@ -21,7 +22,7 @@
class="list-item-reset" class="list-item-reset"
> >
<VerticalNavLink :item="child" :hideTitleAndIcon="hideTitleAndIcon" :class="item.class" /> <VerticalNavLink :item="child" :hideTitleAndIcon="hideTitleAndIcon" />
</VListItem> </VListItem>
</VList> </VList>
</VMenu> </VMenu>
@ -56,28 +57,41 @@ const itemIconClass = (item) => {
return item.icon ? item.icon.class : '' return item.icon ? item.icon.class : ''
} }
</script> </script>
<style scoped>
<style scoped>
.nav-item {
list-style-type: none; /* Removes default list styling */
padding: 0; /* Removes default padding */
}
.list-reset { .list-reset {
list-style: none; /* Removes bullets or numbers from the list */ list-style: none; /* Removes bullets or numbers from the list */
padding: 0; /* Removes default padding */ padding: 0; /* Removes default padding */
margin: 0px; /* Removes default margin */ margin: 0; /* Removes default margin */
} }
.list-item-reset { .list-item-reset {
list-style: none; /* Ensures each list item has no bullets or numbers */ list-style: none; /* Ensures each list item has no bullets or numbers */
padding: 0; /* Removes default padding */ padding: 0; /* Removes default padding */
margin: 0px; /* Removes default margin */ margin: 0; /* Removes default margin */
} }
.nav-item > .v-menu { .nav-item > .v-menu {
width: 100%; /* Ensures the menu takes the full width */ width: 100%; /* Ensures the menu takes the full width */
} }
.bottom-end button {
.v-btn {
display: flex;
align-items: center;
justify-content: flex-start;
}
.bottom-end {
position: fixed; position: fixed;
width: 100%; width: 100%;
bottom: 20px; bottom: 20px;
margin-left: 16px;
} }
</style> </style>