LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: Dark Mode (#7471)

Browse Source
This commit is contained in:
Sivin Varghese
2023-07-21 22:10:25 +05:30
committed by GitHub
parent 480f34803b
commit 40ec0d109a
264 changed files with 2935 additions and 6817 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/javascript/dashboard/components/widgets/mentions/MentionBox.vue
View File

@@ -79,41 +79,26 @@ export default {
<style scoped lang="scss">
.mention--box {
background: var(--white);
border-radius: var(--border-radius-normal);
border-top: 1px solid var(--color-border);
box-shadow: var(--shadow-medium);
left: 0;
bottom: 100%;
max-height: 9.75rem;
overflow: auto;
padding: var(--space-small) var(--space-small) 0;
position: absolute;
width: 100%;
z-index: 100;
@apply bg-white dark:bg-slate-700 rounded-md overflow-auto absolute w-full z-[100] pt-2 px-2 pb-0 shadow-md left-0 bottom-full max-h-[9.75rem] border-t border-solid border-slate-75 dark:border-slate-800;
.dropdown-menu__item:last-child {
padding-bottom: var(--space-smaller);
@apply pb-1;
}
.active {
color: var(--white);
@apply text-white dark:text-white;
&:hover {
color: var(--w-700);
@apply bg-woot-700 dark:bg-woot-700;
}
}
.button {
transition: none;
height: var(--space-large);
line-height: 1.4;
@apply transition-none h-8 leading-[1.4];
}
}
.canned-item__button::v-deep .button__content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@apply overflow-hidden text-ellipsis whitespace-nowrap;
}
</style>