From c86e53eda636512862d5b967906b3a385fa49ff1 Mon Sep 17 00:00:00 2001
From: Denis Gukov <denguk@gmail.com>
Date: Fri, 3 Jan 2025 16:41:42 +0500
Subject: [PATCH] feat(auth): qr code width in user form

---
 web/src/App.vue                 | 4 ++++
 web/src/components/UserForm.vue | 7 +++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index 78e18e72..48882bca 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -55,6 +55,7 @@
       :title="$t('editUser')"
       v-if="user"
       event-name="i-user"
+      :hide-buttons="hideUserDialogButtons"
     >
       <template v-slot:form="{ onSave, onError, needSave, needReset }">
         <UserForm
@@ -65,6 +66,8 @@
           :need-save="needSave"
           :need-reset="needReset"
           :is-admin="user.admin"
+          @hide-action-buttons="hideUserDialogButtons = true"
+          @show-action-buttons="hideUserDialogButtons = false"
         />
       </template>
     </EditDialog>
@@ -835,6 +838,7 @@ export default {
       newProjectDialog: null,
       newProjectType: '',
       userDialog: null,
+      hideUserDialogButtons: false,
       passwordDialog: null,
       restoreProjectDialog: null,
       restoreProjectResult: null,
diff --git a/web/src/components/UserForm.vue b/web/src/components/UserForm.vue
index 8bbbd840..fa5c6150 100644
--- a/web/src/components/UserForm.vue
+++ b/web/src/components/UserForm.vue
@@ -85,13 +85,12 @@
         <img
           v-if="totpQrUrl"
           :src="totpQrUrl"
-          width="276"
-          height="276"
           style="
+        width: 100%;
         aspect-ratio: 1;
-        border-radius: 10px;
+        border-radius: 4px;
         display: block;
-        margin: 0 auto 20px auto;
+        margin: 0 auto 10px auto;
         border: 10px solid white;
         background-color: white;
       "