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

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

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