fix: Rendering issue with Pre-chat message (#11255)

This commit is contained in:
Sivin Varghese
2025-04-08 11:49:23 +05:30
committed by GitHub
parent d827e66453
commit d7590d0548
2 changed files with 1 additions and 15 deletions

View File

@@ -189,10 +189,4 @@ export default {
.formkit-actions { .formkit-actions {
@apply hidden; @apply hidden;
} }
@media (prefers-color-scheme: dark) {
.pre-chat-header-message .link {
@apply text-woot-500 underline;
}
}
</style> </style>

View File

@@ -264,7 +264,7 @@ export default {
<div <div
v-if="shouldShowHeaderMessage" v-if="shouldShowHeaderMessage"
v-dompurify-html="formatMessage(headerMessage, false)" v-dompurify-html="formatMessage(headerMessage, false)"
class="mb-4 text-base leading-5 pre-chat-header-message text-n-slate-12" class="mb-4 text-base leading-5 text-n-slate-12 [&>p>.link]:text-n-blue-text [&>p>.link]:hover:underline"
/> />
<!-- Why do the v-bind shenanigan? Because Formkit API is really bad. <!-- Why do the v-bind shenanigan? Because Formkit API is really bad.
If we just pass the options as is even with null or undefined or false, If we just pass the options as is even with null or undefined or false,
@@ -354,12 +354,4 @@ export default {
.formkit-messages { .formkit-messages {
@apply list-none m-0 p-0; @apply list-none m-0 p-0;
} }
@media (prefers-color-scheme: dark) {
.pre-chat-header-message {
.link {
@apply text-woot-500 underline;
}
}
}
</style> </style>