fix: Update the dropdown bg to match the design system (#10438)
This PR updates the background used in dropdown to match our design system. Previous PR failed to add this correctly. --------- Co-authored-by: Pranav <pranav@chatwoot.com>
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="absolute">
|
<div class="absolute">
|
||||||
<ul
|
<ul
|
||||||
class="text-sm bg-n-solid-1 border border-n-weak rounded-xl shadow-sm py-2 n-dropdown-body gap-2 grid list-none px-2 reset-base"
|
class="text-sm bg-n-alpha-3 backdrop-blur-[100px] border border-n-weak rounded-xl shadow-sm py-2 n-dropdown-body gap-2 grid list-none px-2 reset-base"
|
||||||
>
|
>
|
||||||
<slot />
|
<slot />
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -39,7 +39,7 @@ const triggerClick = () => {
|
|||||||
v-bind="$attrs"
|
v-bind="$attrs"
|
||||||
class="flex text-left rtl:text-right items-center p-2 reset-base text-sm text-n-slate-12 w-full border-0"
|
class="flex text-left rtl:text-right items-center p-2 reset-base text-sm text-n-slate-12 w-full border-0"
|
||||||
:class="{
|
:class="{
|
||||||
'hover:bg-n-alpha-1 rounded-lg w-full gap-3': !$slots.default,
|
'hover:bg-n-alpha-2 rounded-lg w-full gap-3': !$slots.default,
|
||||||
}"
|
}"
|
||||||
:href="props.link || null"
|
:href="props.link || null"
|
||||||
@click="triggerClick"
|
@click="triggerClick"
|
||||||
|
|||||||
Reference in New Issue
Block a user