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

feat: Dark Mode (PR -12) (#7590)

Browse Source
This commit is contained in:
Sivin Varghese
2023-07-27 12:28:06 +05:30
committed by GitHub
parent 2cc82af344
commit fcf0ba12d0
10 changed files with 153 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
View File

@@ -1122,41 +1122,29 @@ export default {
}
.emoji-dialog {
top: unset;
bottom: -40px;
left: -320px;
right: unset;
@apply top-[unset] -bottom-10 -left-80 right-[unset];
&::before {
right: var(--space-minus-normal);
bottom: var(--space-small);
transform: rotate(270deg);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));
@apply -right-4 bottom-2 rtl:right-0 rtl:-left-4;
}
}
.emoji-dialog--rtl {
left: unset;
right: -320px;
@apply left-[unset] -right-80;
&::before {
left: var(--space-minus-normal);
transform: rotate(90deg);
right: 0;
bottom: var(--space-small);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));
}
}
.emoji-dialog--expanded {
left: unset;
bottom: var(--space-jumbo);
position: absolute;
z-index: var(--z-index-normal);
@apply left-[unset] bottom-0 absolute z-[100];
&::before {
transform: rotate(0deg);
left: var(--space-smaller);
bottom: var(--space-minus-small);
@apply left-1 -bottom-2;
}
}
.message-signature {

6
app/javascript/dashboard/components/widgets/conversation/WhatsappTemplates/TemplatesPicker.vue
View File

@@ -21,7 +21,9 @@
<p class="label-title">
{{ template.name }}
</p>
<span class="label-lang label">
<span
class="inline-block py-1 px-2 rounded-sm text-xs leading-none cursor-default bg-white dark:bg-slate-700 text-slate-800 dark:text-slate-100"
>
{{ $t('WHATSAPP_TEMPLATES.PICKER.LABELS.LANGUAGE') }} :
{{ template.language }}
</span>
@@ -114,7 +116,7 @@ export default {
@apply bg-slate-25 dark:bg-slate-900 rounded-md max-h-[18.75rem] overflow-y-auto p-2.5;
.template__list-item {
@apply rounded-lg cursor-pointer block p-2.5 text-left w-full hover:bg-woot-50 dark:hover:bg-slate-600;
@apply rounded-lg cursor-pointer block p-2.5 text-left w-full hover:bg-woot-50 dark:hover:bg-slate-800;
.label-title {
@apply text-sm;