Improved: used inline label for Email address in ionInput(hotwax#337)

R-Sourabh · Dec 18, 2024 · fee9ed7 · fee9ed7
1 parent a95ef7c
commit fee9ed7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/src/components/FacilityAddressModal.vue b/src/components/FacilityAddressModal.vue
@@ -57,9 +57,7 @@
         </ion-input>
       </ion-item>
       <ion-item>
-        <ion-input label-placement="floating" v-model="emailAddress.infoString">
-          <div slot="label">{{ translate("Email address") }}</div>
-        </ion-input>
+        <ion-input label-placement="floating" :label="translate('Email address')" v-model="emailAddress.infoString" />
       </ion-item>
     </form>
   </ion-content>

diff --git a/src/views/AddFacilityAddress.vue b/src/views/AddFacilityAddress.vue
@@ -54,9 +54,7 @@
               </ion-input>
             </ion-item>
             <ion-item lines="none">
-              <ion-input label-placement="floating" v-model="emailAddress">
-                <div slot="label">{{ translate('Email address') }}</div>              
-              </ion-input>
+              <ion-input label-placement="floating" :label="translate('Email address')" v-model="emailAddress" />
             </ion-item>
           </ion-list>
         </ion-card>