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

fix: dark mode in grid in modals

Browse Source
This commit is contained in:
Shariq Ansari 2024-12-30 16:01:35 +05:30
parent 22dc47d1bf
commit 156770b635
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/Controls/Grid.vue
View File

@ -57,7 +57,7 @@
class="grid-row flex cursor-pointer items-center border-b border-outline-gray-modals bg-surface-modals last:rounded-b last:border-b-0" class="grid-row flex cursor-pointer items-center border-b border-outline-gray-modals bg-surface-modals last:rounded-b last:border-b-0"
> >
<div <div
class="inline-flex h-9.5 items-center justify-center border-r border-outline-gray-modals p-2 w-12" class="grid-row-checkbox inline-flex h-9.5 items-center bg-surface-white justify-center border-r border-outline-gray-modals p-2 w-12"
> >
<Checkbox <Checkbox
class="cursor-pointer duration-300" class="cursor-pointer duration-300"
@ -66,7 +66,7 @@
/> />
</div> </div>
<div <div
class="flex h-9.5 items-center justify-center border-r border-outline-gray-modals py-2 px-1 text-sm text-ink-gray-8 w-12" class="flex h-9.5 items-center justify-center bg-surface-white border-r border-outline-gray-modals py-2 px-1 text-sm text-ink-gray-8 w-12"
> >
{{ index + 1 }} {{ index + 1 }}
</div> </div>
@ -88,7 +88,7 @@
/> />
<div <div
v-else-if="field.type === 'Check'" v-else-if="field.type === 'Check'"
class="flex h-full justify-center items-center" class="flex h-full bg-surface-white justify-center items-center"
> >
<Checkbox <Checkbox
class="cursor-pointer duration-300" class="cursor-pointer duration-300"
@ -353,6 +353,10 @@ const deleteRows = () => {
height: 38px; height: 38px;
} }
:deep(.grid-row:last-child .grid-row-checkbox) {
border-bottom-left-radius: 7px;
}
:deep(.grid-row .edit-row button) { :deep(.grid-row .edit-row button) {
border-bottom-right-radius: 7px; border-bottom-right-radius: 7px;
} }