test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: app sidebar icon style fix

Browse Source
This commit is contained in:
Shariq Ansari 2024-05-20 18:38:00 +05:30
parent 115400a1ee
commit e699538043
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Layouts/AppSidebar.vue
View File

@ -206,7 +206,7 @@ function parseView(views) {
} }
function getIcon(routeName, icon) { function getIcon(routeName, icon) {
if (icon) return h('div', icon) if (icon) return h('div', { class: 'size-auto' }, icon)
switch (routeName) { switch (routeName) {
case 'Leads': case 'Leads':

6
frontend/src/components/SidebarLink.vue
View File

@ -11,13 +11,13 @@
<div class="flex items-center truncate"> <div class="flex items-center truncate">
<Tooltip :text="label" placement="right" :disabled="!isCollapsed"> <Tooltip :text="label" placement="right" :disabled="!isCollapsed">
<slot name="icon"> <slot name="icon">
<span class="grid h-4.5 w-4.5 flex-shrink-0 place-items-center"> <span class="grid flex-shrink-0 place-items-center">
<FeatherIcon <FeatherIcon
v-if="typeof icon == 'string'" v-if="typeof icon == 'string'"
:name="icon" :name="icon"
class="h-4.5 w-4.5 text-gray-700" class="size-4.5 text-gray-700"
/> />
<component v-else :is="icon" class="h-4.5 w-4.5 text-gray-700" /> <component v-else :is="icon" class="size-4.5 text-gray-700" />
</span> </span>
</slot> </slot>
</Tooltip> </Tooltip>