瀏覽代碼

improve structures cards display in list view

Olivier Massot 4 年之前
父節點
當前提交
1c8916063e
共有 1 個文件被更改,包括 12 次插入5 次删除
  1. 12 5
      pages/structures/index.vue

+ 12 - 5
pages/structures/index.vue

@@ -195,7 +195,7 @@
                     outlined
                     :class="'structure-card pa-3 d-flex ' + ((mapview || $vuetify.breakpoint.smAndDown) ? 'flex-column' : 'flex-row align-items-center')"
                   >
-                    <div class="d-flex justify-center max-w100">
+                    <div class="d-flex justify-center max-w100" >
                       <v-img
                         v-if="structure.logoId"
                         :src="'https://api.opentalent.fr/app.php/_internal/secure/files/' + structure.logoId"
@@ -209,8 +209,7 @@
                       <div v-else style="height: 104px; width: 264px"></div>
                     </div>
 
-                    <div class="d-flex flex-column">
-
+                    <div :class="'d-flex flex-column' + (listview ? ' flex-grow-1' : '')">
                       <v-card-title class="title">
                         {{ structure.name }}
                       </v-card-title>
@@ -248,12 +247,20 @@
                         </table>
                       </v-card-text>
                     </div>
-                    <v-chip-group v-if="structure.practices" column active-class="primary--text">
+
+                    <v-chip-group
+                      v-if="structure.practices"
+                      column
+                      active-class="primary--text"
+                      class="d-flex flex-row align-start"
+                      :style="listview ? 'width: 25%;min-width: 25%;' : ''"
+                    >
                       <v-chip v-for="practice in structure.practices" :key="practice" outlined small pill>
                         {{ $t(practice) }}
                       </v-chip>
                     </v-chip-group>
-                    <span class="flex-fill" />
+
+                    <span v-if="mapview" class="flex-fill" />
 
                     <v-card-actions :class="listview ? 'align-self-end' : ''">
                       <v-btn