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

34
app/javascript/dashboard/modules/contact/components/ContactDropdownItem.vue
View File

@@ -57,52 +57,36 @@ export default {
<style lang="scss" scoped>
.option-item--user {
display: flex;
align-items: center;
@apply flex items-center;
}
.user-identifier {
font-size: var(--font-size-mini);
margin-left: var(--space-micro);
color: var(--s-700);
@apply text-xs ml-0.5 text-slate-700 dark:text-slate-100;
}
.option__user-data {
display: flex;
flex-direction: column;
flex-grow: 1;
margin-left: var(--space-small);
margin-right: var(--space-small);
@apply flex flex-col flex-grow ml-2 mr-2;
}
.option__body,
.option__title {
display: flex;
align-items: center;
justify-content: flex-start;
line-height: 1.2;
font-size: var(--font-size-small);
@apply flex items-center justify-start leading-[1.2] text-sm;
}
.option__body .icon {
position: relative;
top: 1px;
margin-right: var(--space-micro);
@apply relative top-px mr-0.5 rtl:mr-0 rtl:ml-0.5;
}
.option__title {
font-weight: var(--font-weight-medium);
margin-bottom: var(--space-micro);
@apply text-slate-800 dark:text-slate-100 font-medium mb-0.5;
}
.option__body {
font-size: var(--font-size-mini);
color: var(--s-700);
@apply text-xs text-slate-700 dark:text-slate-100 mt-1;
}
.option__user-data .option__body {
> .phone-icon-wrap,
> .email-icon-wrap {
width: auto;
@apply w-auto flex items-center;
}
}
.merge-contact--icon {
margin-bottom: var(--space-minus-micro);
margin-right: var(--space-micro);
@apply -mb-0.5 mr-0.5;
}
</style>