wbuezas
/
hedera-web-mindshore
forked from verdnatura/hedera-web
0
1
Fork 0
Code Pull Requests Activity

Card list change

This commit is contained in:
William Buezas 2024-08-18 21:39:44 -03:00
parent b19bf710e8
commit ef35914f34
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/ui/CardList.vue
View File

@ -22,17 +22,15 @@ const handleClick = () => {
:class="{ 'cursor-pointer': clickable, 'no-radius': !rounded }"
@click="handleClick()"
>
<QItemSection class="no-padding">
<div class="row no-wrap">
<slot name="prepend" />
<div class="column full-width">
<slot name="content" />
</div>
<div class="no-padding content-container col-10">
<slot name="prepend" />
<div class="content">
<slot name="content" />
</div>
</QItemSection>
<QItemSection class="no-padding" side>
</div>
<div class="no-padding flex full-width justify-center">
<slot name="actions" />
</QItemSection>
</div>
</QItem>
</template>
@ -41,4 +39,20 @@ const handleClick = () => {
border-bottom: 1px solid $gray-light;
padding: 20px;
}
.content {
display: flex;
flex-direction: column;
overflow: hidden;
* {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.content-container {
display: flex;
}
</style>