feat: maximize dialog when screen width lower than md

EPFL-ENAC · Oct 21, 2024 · 09ebc70 · 09ebc70
1 parent 8d7b1b2
commit 09ebc70
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/frontend/src/components/CampaignView.vue b/frontend/src/components/CampaignView.vue
@@ -67,6 +67,7 @@
                 {{ campaign.platform }}
               </q-item-label>
               <q-item-label v-if="hasStartLocation" class="text-grey-8">
+                <q-icon name="location_on" color="grey-10"/>
                 {{ formatCoordinates(campaign.start_location[0], campaign.start_location[1]) }} 
                 <span v-if="hasEndLocation">
                   <q-icon name="east" color="grey-10"/>

diff --git a/frontend/src/components/SimpleDialog.vue b/frontend/src/components/SimpleDialog.vue
@@ -1,6 +1,6 @@
 <template>
-  <q-dialog :maximized="$q.screen.lt.sm" v-model="showDialog" @hide="onHide">
-    <q-card :style="$q.screen.lt.sm ? '' : `width: ${width ? width : '500px'}; max-width: 80vw; max-height: 90vh`">
+  <q-dialog :maximized="$q.screen.lt.md" v-model="showDialog" @hide="onHide">
+    <q-card :style="$q.screen.lt.md ? '' : `width: ${width ? width : '500px'}; max-width: 80vw; max-height: 90vh`">
       <q-card-actions>
         <div v-if="title" class="text-h6 q-pl-sm">
           {{ title }}

diff --git a/frontend/src/pages/HomePage.vue b/frontend/src/pages/HomePage.vue
@@ -42,7 +42,7 @@
       v-if="mapStore.selectedCampaign"
       v-model="showCampaign"
       :title="mapStore.selectedCampaign.acronym"
-      width="800px"
+      width="900px"
       @update:model-value="onShowCampaignUpdated">
       <campaign-view :campaign="mapStore.selectedCampaign" />
     </simple-dialog>