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

style: adjust notification layout
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 7s
Details

Browse source
This commit is contained in:
puriphatt 2025-03-10 10:23:43 +07:00
parent 8bc450f4d3
commit d428ac3ec5
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/layouts/MainLayout.vue
View file

@ -301,6 +301,7 @@ onMounted(async () => {
:offset="[0, 10]"
anchor="bottom middle"
self="top middle"
style="max-height: 30vh; width: 300px"
@before-hide="
() => {
state.notiOpen = false;
@ -327,7 +328,7 @@ onMounted(async () => {
@click="setActive(btn)"
/>
</div>
<div style="max-height: 30vh; width: 400px; overflow-y: auto">
<div style="overflow-y: auto">
<section
v-if="
state.filterUnread
@ -348,13 +349,14 @@ onMounted(async () => {
:key="i"
>
<q-avatar
v-if="$q.screen.gt.xs"
color="positive"
style="height: 36px; width: 36px"
>
<q-icon color="white" name="mdi-check" />
</q-avatar>
<div class="col-6 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"
>
@ -364,7 +366,10 @@ onMounted(async () => {
{{ item.detail }}
</span>
</div>
<span align="right" class="col text-caption text-stone">
<span
align="right"
class="text-caption text-stone q-pl-sm"
>
{{ moment(item.createdAt).fromNow() }}
</span>
<q-tooltip
@ -373,6 +378,7 @@ onMounted(async () => {
:delay="1000"
:offset="[10, 10]"
>
{{ item.title }}
{{ item.detail }}
</q-tooltip>
</q-item>