From ca901985f7ca8e6bf0ac02391b60d27e80a356e3 Mon Sep 17 00:00:00 2001
From: AKILA INDUNIL <45641122+akilaid@users.noreply.github.com>
Date: Sat, 19 Apr 2025 18:54:03 +0530
Subject: [PATCH] Update qrcode_modal.html

---
 web/html/modals/qrcode_modal.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/html/modals/qrcode_modal.html b/web/html/modals/qrcode_modal.html
index 29b9a940..e5b27841 100644
--- a/web/html/modals/qrcode_modal.html
+++ b/web/html/modals/qrcode_modal.html
@@ -24,7 +24,7 @@
     </template>
     <template v-for="(row, index) in qrModal.qrcodes">
       <tr-qr-box class="qr-box">
-        <div style="display: flex; align-items: center; margin-bottom: 8px;">
+        <div :style="{ display: 'flex', alignItems: 'center', marginBottom: '8px' }">
           <span>{{ i18n "useIPv4ForHost" }}: </span>
           <button
             type="button"
@@ -32,7 +32,7 @@
             :aria-checked="row.useIPv4"
             :class="['ant-switch', 'ant-switch-small', { 'ant-switch-checked': row.useIPv4 }]"
             @click="toggleIPv4(index)"
-            style="margin-left: 8px;">
+            :style="{ marginLeft: '8px' }">
             <span class="ant-switch-inner"></span>
           </button>
         </div>