fix: improve layout by adding full-width class to elements
This commit is contained in:
parent
32a195770d
commit
5db8deb83d
2 changed files with 5 additions and 2 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue