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

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

View file

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

View file

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