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

fix: update EmailMultiSelect styles for better responsiveness and layout

Browse Source
This commit is contained in:
Shariq Ansari 2025-09-03 19:11:21 +05:30
parent 7a6caf2389
commit f38775bbe5
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Controls/EmailMultiSelect.vue
View File

@ -31,14 +31,13 @@
:ignore-filter="true" :ignore-filter="true"
> >
<ComboboxAnchor <ComboboxAnchor
class="flex h-7 items-center gap-2 rounded px-2 py-1 border border-transparent" class="flex h-7 max-w-full w-auto items-center gap-2 rounded px-2 py-1 border border-transparent"
:class="[ :class="[
variant == 'ghost' variant == 'ghost'
? 'bg-surface-white hover:bg-surface-white' ? 'bg-surface-white hover:bg-surface-white'
: 'bg-surface-gray-2 hover:bg-surface-gray-3', : 'bg-surface-gray-2 hover:bg-surface-gray-3',
inputClass, inputClass,
]" ]"
style="max-width: 100%; width: auto"
> >
<ComboboxInput <ComboboxInput
ref="search" ref="search"
@ -54,10 +53,9 @@
</ComboboxAnchor> </ComboboxAnchor>
<ComboboxPortal> <ComboboxPortal>
<ComboboxContent <ComboboxContent
class="z-10 mt-1 bg-surface-modal overflow-hidden rounded-lg shadow-2xl ring-1 ring-black ring-opacity-5" class="z-10 mt-1 min-w-48 w-auto max-w-96 bg-surface-modal overflow-hidden rounded-lg shadow-2xl ring-1 ring-black ring-opacity-5"
position="popper" position="popper"
:align="'start'" :align="'start'"
:style="{ minWidth: '12rem', width: 'auto', maxWidth: '24rem' }"
@openAutoFocus.prevent @openAutoFocus.prevent
@closeAutoFocus.prevent @closeAutoFocus.prevent
> >