chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: add tooltips for item title and detail in MainLayout
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 6s
Details

Browse source
This commit is contained in:
puriphatt 2025-03-26 14:38:34 +07:00
parent af792678dd
commit 1e9a5abc1c
1 changed files with 16 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/layouts/MainLayout.vue
View file

@ -367,12 +367,28 @@ onMounted(async () => {
<div class="col column text-caption q-pl-md ellipsis"> <div class="col column text-caption q-pl-md ellipsis">
<span class="block ellipsis full-width text-weight-bold"> <span class="block ellipsis full-width text-weight-bold">
{{ item.title }} {{ item.title }}
<q-tooltip
anchor="top middle"
self="bottom middle"
:delay="300"
:offset="[10, 10]"
>
{{ item.title }}
</q-tooltip>
</span> </span>
<span <span
class="block ellipsis full-width text-stone" class="block ellipsis full-width text-stone"
:class="{ 'text-weight-medium': !item.read }" :class="{ 'text-weight-medium': !item.read }"
> >
{{ item.detail }} {{ item.detail }}
<q-tooltip
anchor="top middle"
self="bottom middle"
:delay="300"
:offset="[10, 10]"
>
{{ item.detail }}
</q-tooltip>
</span> </span>
</div> </div>
<span <span
@ -382,15 +398,6 @@ onMounted(async () => {
> >
{{ moment(item.createdAt).fromNow() }} {{ moment(item.createdAt).fromNow() }}
</span> </span>
<q-tooltip
anchor="top middle"
self="bottom middle"
:delay="1000"
:offset="[10, 10]"
>
{{ item.title }}
{{ item.detail }}
</q-tooltip>
</q-item> </q-item>
</section> </section>
<section <section