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

fix: improve layout by adding full-width class to elements

Browse source
This commit is contained in:
puriphatt 2025-01-20 14:33:57 +07:00
parent 32a195770d
commit 5db8deb83d
2 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/upload-file/UploadFileCard.vue
View file

@ -54,8 +54,10 @@ onMounted(() => {
@click="$emit('click')" @click="$emit('click')"
> >
<q-icon :name="icon" size="lg" :style="`color: ${color}`" /> <q-icon :name="icon" size="lg" :style="`color: ${color}`" />
<article class="col column q-pl-md ellipsis"> <article class="col column q-pl-md">
<span>{{ name }}</span> <span class="ellipsis full-width">
{{ name }}
</span>
<span class="text-caption app-text-muted-2"> <span class="text-caption app-text-muted-2">
{{ {{
uploading.loaded uploading.loaded

1
src/components/upload-file/UploadFileSection.vue
View file

@ -82,6 +82,7 @@ function pickFile() {
<div <div
v-for="(d, j) in fileData" v-for="(d, j) in fileData"
:key="j" :key="j"
class="full-width"
:class="{ :class="{
'q-pt-md': layout === 'row' && j === 0, 'q-pt-md': layout === 'row' && j === 0,
'q-pt-sm': j > 0, 'q-pt-sm': j > 0,