scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-03 04:27:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Update the broken styles in help center insert modal (#9062)

Browse Source
This commit is contained in:
Sivin Varghese
2024-03-04 21:58:47 +05:30
committed by GitHub
parent 81060a72a4
commit a9d42e8c7e
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleSearch/ArticleSearchResultItem.vue
View File

@@ -4,14 +4,14 @@
@click="handlePreview" @click="handlePreview"
> >
<h4 <h4
class="text-sm text-left mb-0 text-slate-900 dark:text-slate-25 px-1 -mx-1 rounded-sm width-auto hover:underline group-hover:underline" class="text-sm ltr:text-left rtl:text-right w-full mb-0 text-slate-900 dark:text-slate-25 -mx-1 rounded-sm hover:underline group-hover:underline"
> >
{{ title }} {{ title }}
</h4> </h4>
<div class="flex content-between items-center gap-0.5 w-full"> <div class="flex content-between items-center gap-0.5 w-full">
<p <p
class="text-sm text-left text-slate-600 dark:text-slate-300 mb-0 w-full" class="text-sm ltr:text-left rtl:text-right text-slate-600 dark:text-slate-300 mb-0 w-full"
> >
{{ locale }} {{ locale }}
{{ ` / ` }} {{ ` / ` }}

10
app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleSearch/Header.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="flex flex-col py-1"> <div class="flex flex-col py-1">
<div class="flex align-middle align-justify py-2"> <div class="flex items-center justify-between py-2 mb-1">
<h3 class="text-base text-slate-900 dark:text-slate-25"> <h3 class="text-base text-slate-900 dark:text-slate-25">
{{ title }} {{ title }}
</h3> </h3>
@@ -14,14 +14,16 @@
</div> </div>
<div class="relative"> <div class="relative">
<div class="absolute left-0 w-8 h-8 flex justify-center items-center"> <div
<fluent-icon icon="search" class="" size="16" /> class="absolute ltr:left-0 rtl:right-0 w-8 top-0.5 h-8 flex justify-center items-center"
>
<fluent-icon icon="search" class="" size="18" />
</div> </div>
<input <input
ref="searchInput" ref="searchInput"
type="text" type="text"
:placeholder="$t('HELP_CENTER.ARTICLE_SEARCH.PLACEHOLDER')" :placeholder="$t('HELP_CENTER.ARTICLE_SEARCH.PLACEHOLDER')"
class="block w-full pl-8 h-8 text-sm dark:bg-slate-700 bg-slate-25 rounded-md leading-8 py-1 text-slate-700 shadow-sm ring-2 ring-transparent ring-slate-300 border border-solid border-slate-300 placeholder:text-slate-400 focus:border-woot-600 focus:ring-woot-200 mb-0 focus:bg-slate-25 dark:focus:bg-slate-700 dark:focus:ring-woot-700" class="block w-full !h-9 ltr:!pl-8 rtl:!pr-8 dark:!bg-slate-700 !bg-slate-25 text-sm rounded-md leading-8 text-slate-700 shadow-sm ring-2 ring-transparent ring-slate-300 border border-solid border-slate-300 placeholder:text-slate-400 focus:border-woot-600 focus:ring-woot-200 !mb-0 focus:bg-slate-25 dark:focus:bg-slate-700 dark:focus:ring-woot-700"
:value="searchQuery" :value="searchQuery"
@focus="onFocus" @focus="onFocus"
@blur="onBlur" @blur="onBlur"