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 }" :class="{ 'fixed-height': fixedHeight, 'bordered': bordered }"
@scroll="onScroll" @scroll="onScroll"
> >
<b-list-group-item <yuno-list-group-item
v-if="limit && messages.length > limit" v-if="limit && messages.length > limit"
variant="info" v-t="'api.partial_logs'" variant="info" v-t="'api.partial_logs'"
/> />
<b-list-group-item v-for="({ color, text }, i) in reducedMessages" :key="i"> <yuno-list-group-item
<span class="status" :class="'bg-' + color" /> v-for="({ color, text }, i) in reducedMessages" :key="i"
:variant="color" size="xs"
>
<span v-html="text" /> <span v-html="text" />
</b-list-group-item> </yuno-list-group-item>
</b-list-group> </b-list-group>
</template> </template>
@ -75,18 +77,4 @@ export default {
border: $card-border-width solid $card-border-color; border: $card-border-width solid $card-border-color;
@include border-radius($card-border-radius); @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> </style>