fix: use v-dialog scrollable props

openfoodfacts · Feb 28, 2024 · e83a9cd · e83a9cd
1 parent b19afb2
commit e83a9cd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/PriceProof.vue b/src/components/PriceProof.vue
@@ -9,13 +9,13 @@
     <v-icon icon="mdi-image"></v-icon>
   </v-chip>
 
-  <v-dialog v-model="dialog" max-height="80%" width="80%">
+  <v-dialog scrollable v-model="dialog" max-height="80%" width="80%">
     <v-card>
       <v-card-title>
         {{ $t('PriceCard.Proof') }} <v-btn style="float:right;" variant="text" density="compact" icon="mdi-close" @click="closeDialog"></v-btn>
       </v-card-title>
       <v-divider></v-divider>
-      <v-card-text style="overflow-y:scroll;">
+      <v-card-text>
         <v-img :src="proofUrl"></v-img>
       </v-card-text>
       <v-divider></v-divider>

diff --git a/src/components/UserRecentProofsDialog.vue b/src/components/UserRecentProofsDialog.vue
@@ -1,11 +1,11 @@
 <template>
-  <v-dialog max-height="80%" width="80%">
+  <v-dialog scrollable max-height="80%" width="80%">
     <v-card>
       <v-card-title>
         {{ $t('UserRecentProofsDialog.SelectRecentProof') }} <v-btn style="float:right;" variant="text" density="compact" icon="mdi-close" @click="close"></v-btn>
       </v-card-title>
       <v-divider></v-divider>
-      <v-card-text style="overflow-y:scroll;">
+      <v-card-text>
         <v-row>
           <v-col cols="12" sm="6" md="3" v-for="proof in userProofList" :key="proof">
             <ProofCard :proof="proof" :hideProofDelete="true" :isSelectable="true" :readonly="true" @proofSelected="selectProof"></ProofCard>