YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

[comp] update MessageListGroup with YunoListGroupItem

Browse source
This commit is contained in:
axolotle 2022-10-28 21:01:11 +02:00
parent 2d6ccfa12e
commit 680a3539fe
1 changed files with 6 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
app/src/components/MessageListGroup.vue
View file

@ -4,15 +4,17 @@
:class="{ 'fixed-height': fixedHeight, 'bordered': bordered }"
@scroll="onScroll"
>
<b-list-group-item
<yuno-list-group-item
v-if="limit && messages.length > limit"
variant="info" v-t="'api.partial_logs'"
/>
<b-list-group-item v-for="({ color, text }, i) in reducedMessages" :key="i">
<span class="status" :class="'bg-' + color" />
<yuno-list-group-item
v-for="({ color, text }, i) in reducedMessages" :key="i"
:variant="color" size="xs"
>
<span v-html="text" />
</b-list-group-item>
</yuno-list-group-item>
</b-list-group>
</template>
@ -75,18 +77,4 @@ export default {
border: $card-border-width solid $card-border-color;
@include border-radius($card-border-radius);
}
.list-group-item {
font-size: $font-size-sm;
padding: $tooltip-padding-y $tooltip-padding-x;
padding-left: 1rem;
}
.status {
position: absolute;
width: .4rem;
height: 100%;
top: 0;
left: 0;
}
</style>