[fix] DomainInfo apps buttons style breaking with numerous items

This commit is contained in:
axolotle 2022-10-31 13:55:34 +01:00
parent e037cfc467
commit f02948c343

View file

@ -57,23 +57,25 @@
<!-- DOMAIN APPS --> <!-- DOMAIN APPS -->
<description-row :term="$t('domain.info.apps_on_domain')"> <description-row :term="$t('domain.info.apps_on_domain')">
<b-button-group <div>
v-for="app in domain.apps" :key="app.id" <b-button-group
size="sm" class="mr-2" v-for="app in domain.apps" :key="app.id"
> size="sm" class="mr-2 mb-2"
<b-button class="py-0 font-weight-bold" variant="outline-dark" :to="{ name: 'app-info', params: { id: app.id }}">
{{ app.name }}
</b-button>
<b-button
variant="outline-dark" class="py-0 px-1"
:href="'https://' + name + app.path" target="_blank"
> >
<span class="sr-only">{{ $t('app.visit_app') }}</span> <b-button class="py-0 font-weight-bold" variant="outline-dark" :to="{ name: 'app-info', params: { id: app.id }}">
<icon iname="external-link" /> {{ app.name }}
</b-button> </b-button>
</b-button-group> <b-button
variant="outline-dark" class="py-0 px-1"
:href="'https://' + name + app.path" target="_blank"
>
<span class="sr-only">{{ $t('app.visit_app') }}</span>
<icon iname="external-link" />
</b-button>
</b-button-group>
{{ domain.apps.length ? '' : $t('words.none') }} {{ domain.apps.length ? '' : $t('words.none') }}
</div>
</description-row> </description-row>
</card> </card>