fix: bg color to TabPanels

This commit is contained in:
Shariq Ansari 2023-07-31 16:50:07 +05:30
parent 23e4e0d9a4
commit da058e285f

View File

@ -77,11 +77,16 @@
:style="{ left: `${indicatorLeftValue}px` }" :style="{ left: `${indicatorLeftValue}px` }"
/> />
</TabList> </TabList>
<TabPanels class="flex h-full"> <TabPanels class="flex h-full bg-gray-50">
<TabPanel class="flex-1 bg-gray-50" v-for="tab in tabs"> <TabPanel
as="template"
class="flex-1"
v-for="tab in tabs"
:key="tab.label"
>
<div class="p-6">{{ tab.label }}</div> <div class="p-6">{{ tab.label }}</div>
</TabPanel> </TabPanel>
<div class="flex flex-col gap-6.5 border-l px-6 py-3 w-[390px]"> <div class="flex flex-col gap-6.5 border-l px-6 py-3 w-[390px] bg-white">
<div <div
v-for="section in detailSections" v-for="section in detailSections"
:key="section.label" :key="section.label"