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

chore: Remove older UI (#11720)

Browse Source
This commit is contained in:
Sivin Varghese
2025-07-01 09:43:44 +05:30
committed by GitHub
parent 58da92a252
commit 24ea968b00
369 changed files with 974 additions and 9363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/widget/components/ChatHeader.vue
View File

@@ -76,7 +76,7 @@ export default {
<span v-dompurify-html="title" class="ltr:mr-1 rtl:ml-1" />
<div
:class="`h-2 w-2 rounded-full
${isOnline ? 'bg-green-500' : 'hidden'}`"
${isOnline ? 'bg-n-teal-10' : 'hidden'}`"
/>
</div>
<div class="text-xs leading-3 text-n-slate-11">

4
app/javascript/widget/components/FooterReplyTo.vue
View File

@@ -26,14 +26,14 @@ export default {
<template>
<div
class="mb-2.5 rounded-[7px] dark:bg-slate-900 dark:text-slate-100 bg-slate-100 px-2 py-1.5 text-sm text-slate-700 flex items-center gap-2"
class="mb-2.5 rounded-[7px] bg-n-slate-3 px-2 py-1.5 text-sm text-n-slate-11 flex items-center gap-2"
>
<div class="items-center flex-grow truncate">
<strong>{{ $t('FOOTER_REPLY_TO.REPLY_TO') }}</strong>
{{ inReplyTo.content || replyToAttachment }}
</div>
<button
class="items-end flex-shrink-0 p-1 rounded-md hover:bg-slate-200 dark:hover:bg-slate-800"
class="items-end flex-shrink-0 p-1 rounded-md hover:bg-n-slate-5"
@click="$emit('dismiss')"
>
<FluentIcon icon="dismiss" size="12" />

2
app/javascript/widget/components/MessageReplyButton.vue
View File

@@ -9,7 +9,7 @@ export default {
<template>
<button
class="p-1 mb-1 rounded-full dark:text-slate-500 dark:bg-slate-900 text-slate-600 bg-slate-100 hover:text-slate-800"
class="p-1 mb-1 rounded-full text-n-slate-11 bg-n-slate-3 hover:text-n-slate-12"
>
<FluentIcon icon="arrow-reply" size="11" class="flex-shrink-0" />
</button>

6
app/javascript/widget/components/ReplyToChip.vue
View File

@@ -37,9 +37,9 @@ export default {
this.$nextTick(() => {
const el = document.getElementById(elementId);
el.scrollIntoView();
el.classList.add('bg-slate-100', 'dark:bg-slate-900');
el.classList.add('bg-n-slate-3', 'dark:bg-n-solid-3');
this.timeOutID = setTimeout(() => {
el.classList.remove('bg-slate-100', 'dark:bg-slate-900');
el.classList.remove('bg-n-slate-3', 'dark:bg-n-solid-3');
}, 500);
});
},
@@ -49,7 +49,7 @@ export default {
<template>
<button
class="px-1.5 py-0.5 rounded-md text-slate-500 bg-slate-50 dark:bg-slate-900 opacity-60 hover:opacity-100 cursor-pointer flex items-center gap-1.5"
class="px-1.5 py-0.5 rounded-md text-n-slate-11 bg-n-slate-4 opacity-60 hover:opacity-100 cursor-pointer flex items-center gap-1.5"
@click="navigateTo(replyTo.id)"
>
<FluentIcon icon="arrow-reply" size="12" class="flex-shrink-0" />

4
app/javascript/widget/components/UnreadMessageList.vue
View File

@@ -118,12 +118,12 @@ export default {
}
.clear-button {
transition: all 0.3s var(--ease-in-cubic);
transition: all 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
@apply bg-transparent text-n-brand border-none border-0 font-semibold text-base ml-1 py-0 pl-0 pr-2.5 hover:brightness-75 hover:translate-x-1;
}
.close-unread-button {
transition: all 0.3s var(--ease-in-cubic);
transition: all 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
@apply bg-n-slate-3 dark:bg-n-slate-12 text-n-slate-12 dark:text-n-slate-1 hover:brightness-95 border-none border-0 font-medium text-xxs rounded-2xl mb-3;
}
}

2
app/javascript/widget/components/template/Article.vue
View File

@@ -36,7 +36,7 @@ export default {
rel="noopener noreferrer nofollow"
class="text-n-slate-12 no-underline"
>
<span class="flex items-center text-black-900 font-medium">
<span class="flex items-center text-n-slate-12 font-medium">
<FluentIcon icon="link" class="ltr:mr-1 rtl:ml-1 text-n-slate-12" />
<span class="text-n-slate-12">
{{ item.title }}