test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: changed sidebar/body bg color and changed tab active color to black

Browse Source
This commit is contained in:
Shariq Ansari 2023-08-01 14:28:32 +05:30
parent dbaccdf238
commit f95d17dca5
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/AppSidebar.vue
View File

@ -7,8 +7,8 @@
<NavLinks
:links="navigations"
class="flex items-center rounded px-2 py-1 text-gray-800 transition-all duration-300 ease-in-out"
active="bg-gray-100 hover:bg-gray-200"
inactive="hover:bg-gray-50"
active="bg-white shadow-sm"
inactive="hover:bg-gray-100"
>
<template v-slot="{ link }">
<div class="flex w-full items-center space-x-2">

4
frontend/src/components/DesktopLayout.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="flex h-screen w-screen">
<div class="h-full border-r w-[220px]">
<div class="h-full border-r bg-gray-50 w-[220px]">
<AppSidebar />
</div>
<div class="flex-1 flex flex-col h-full overflow-auto">
@ -9,5 +9,5 @@
</div>
</template>
<script setup>
import AppSidebar from './AppSidebar.vue'
import AppSidebar from '@/components/AppSidebar.vue'
</script>

6
frontend/src/pages/Lead.vue
View File

@ -73,15 +73,15 @@
</Tab>
<div
ref="indicator"
class="h-[1px] bg-blue-500 w-[82px] absolute -bottom-[1px]"
class="h-[1px] bg-gray-900 w-[82px] absolute -bottom-[1px]"
:style="{ left: `${indicatorLeftValue}px` }"
/>
</TabList>
<TabPanels class="flex h-full bg-gray-50">
<TabPanels class="flex h-full">
<TabPanel class="flex-1" v-for="tab in tabs" :key="tab.label">
<Activities :activities="tab.content" />
</TabPanel>
<div class="flex flex-col gap-6.5 border-l px-6 py-3 w-[390px] bg-white">
<div class="flex flex-col gap-6.5 border-l px-6 py-3 w-[390px]">
<div
v-for="section in detailSections"
:key="section.label"