Modulo Administración #78
|
@ -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="content">
|
||||||
<div class="column full-width">
|
<slot name="content" />
|
||||||
<slot name="content" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</QItemSection>
|
</div>
|
||||||
<QItemSection class="no-padding" side>
|
<div class="no-padding flex full-width justify-center">
|
||||||
<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>
|
||||||
|
|
Loading…
Reference in New Issue