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

fix: Refactor components in widget to show articles (#7874)

Browse Source
This commit is contained in:
Nithin David Thomas
2023-09-11 09:31:50 +05:30
committed by GitHub
parent 8d43101892
commit 6c39aed882
4 changed files with 41 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/javascript/widget/components/ArticleListItem.vue
View File

@@ -1,20 +1,25 @@
<template>
<li
class="py-1 flex items-center justify-between -mx-1 px-1 hover:bg-slate-25"
class="py-1 flex items-center justify-between -mx-1 px-1 hover:bg-slate-75 dark:hover:bg-slate-600 rounded cursor-pointer text-slate-700 dark:text-slate-50 dark:hover:text-slate-25 hover:text-slate-900 "
@click="onClick"
>
<button
class="text-slate-700 hover:text-slate-900 underline-offset-2 text-sm leading-6"
class="underline-offset-2 text-sm leading-6 text-left"
@click="onClick"
>
{{ title }}
</button>
<span class="pl-1 text-slate-700 arrow">
<span class="pl-1 arrow">
<fluent-icon icon="arrow-right" size="14" />
</span>
</li>
</template>
<script>
import FluentIcon from 'shared/components/FluentIcon/Index.vue';
export default {
components: { FluentIcon },
props: {
link: {
type: String,