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

refactor: adjust button sizes and padding for improved layout consistency
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 7s
Details

Browse source
This commit is contained in:
puriphatt 2025-04-30 10:23:40 +07:00
parent c1ffbef565
commit c4c4b76973
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/pages/00_notification/MainPage.vue
View file

@ -94,21 +94,21 @@ onMounted(async () => {
<template> <template>
<main class="column full-height no-wrap"> <main class="column full-height no-wrap">
<div class="surface-1 col bordered rounded column"> <div class="surface-1 col bordered rounded column">
<div class="q-px-lg q-py-xs row items-center"> <div class="q-py-xs row items-center" style="padding-inline: 38px">
<q-checkbox <q-checkbox
size="xs" size="xs"
:model-value="selectedNoti.length === noti.length" :model-value="selectedNoti.length === noti.length"
class="q-px-sm"
@click="toggleSelection('', true)" @click="toggleSelection('', true)"
/> />
<q-separator vertical inset spaced="md" />
<q-btn <q-btn
v-if="selectedNoti.length === 0" v-if="selectedNoti.length === 0"
icon="mdi-refresh" icon="mdi-refresh"
rounded rounded
flat flat
dense dense
size="xs" size="sm"
class="app-text-muted-2 q-ml-sm q-mt-xs" class="app-text-muted-2 q-mt-xs"
@click="async () => await fetchNoti()" @click="async () => await fetchNoti()"
> >
<q-tooltip>Refresh</q-tooltip> <q-tooltip>Refresh</q-tooltip>
@ -119,8 +119,8 @@ onMounted(async () => {
rounded rounded
flat flat
dense dense
size="xs" size="sm"
class="app-text-muted-2 q-ml-sm" class="app-text-muted-2"
@click="async () => await deleteNoti()" @click="async () => await deleteNoti()"
> >
<q-tooltip>{{ $t('general.delete') }}</q-tooltip> <q-tooltip>{{ $t('general.delete') }}</q-tooltip>
@ -131,7 +131,7 @@ onMounted(async () => {
rounded rounded
flat flat
dense dense
size="xs" size="sm"
class="app-text-muted-2 q-mx-sm" class="app-text-muted-2 q-mx-sm"
@click="async () => await markAsRead()" @click="async () => await markAsRead()"
> >