Merge pull request #2672 from harry48225/Improve-App-Import-Layout

Make import list layout responsive
This commit is contained in:
vabene1111 2023-10-08 11:55:02 +02:00 committed by GitHub
commit a3ad131e6a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -267,10 +267,10 @@
<b-tab v-bind:title="$t('App')"> <b-tab v-bind:title="$t('App')">
<b-container> <b-container>
<h4>{{ $t('Select_App_To_Import') }}:</h4> <h4>{{ $t('Select_App_To_Import') }}:</h4>
<b-row class="mt-4"> <b-row align-h="center" class="mt-4">
<b-col cols="4" offset="0" offset-md="4" v-for="i in INTEGRATIONS_TD" :value="i.id" <b-col cols="12" md="6" v-for="i in INTEGRATIONS_TD" :value="i.id"
v-bind:key="i.id"> v-bind:key="i.id">
<b-list-group style="max-width: 300px;"> <b-list-group>
<b-list-group-item class="d-flex align-items-center" v-hover <b-list-group-item class="d-flex align-items-center" v-hover
style="cursor: pointer" style="cursor: pointer"
v-bind:class="{ 'bg-success': recipe_app === i.id }" v-bind:class="{ 'bg-success': recipe_app === i.id }"
@ -297,9 +297,9 @@
</b-col> </b-col>
</b-row> </b-row>
<b-row class="mt-4"> <b-row class="mt-4">
<b-col cols="3" v-for="i in INTEGRATIONS_WO" :value="i.id" v-bind:key="i.id" <b-col cols="12" md="6" lg="4" xl="3" v-for="i in INTEGRATIONS_WO" :value="i.id" v-bind:key="i.id"
class="mt-1"> class="mt-1">
<b-list-group style="max-width: 300px;"> <b-list-group>
<b-list-group-item class="d-flex align-items-center" v-hover <b-list-group-item class="d-flex align-items-center" v-hover
style="cursor: pointer" style="cursor: pointer"
v-bind:class="{ 'bg-success': recipe_app === i.id }" v-bind:class="{ 'bg-success': recipe_app === i.id }"