fix: change image state

src/components/ImageUploadDialog.vue

@@ -107,7 +107,7 @@ async function downloadImage(url: string) {
         </div>
         <div style="position: fixed; padding: var(--size-2)">
           <q-btn
-            class="upload-image-btn"
+            class="upload-image-btn q-mr-md"
             icon="mdi-camera-outline"
             size="md"
             unelevated
@@ -117,7 +117,7 @@ async function downloadImage(url: string) {
             style="color: hsla(var(--stone-0-hsl) / 0.7)"
           ></q-btn>
           <q-btn
-            class="upload-image-btn q-ml-md"
+            class="upload-image-btn"
             icon="mdi-download-outline"
             size="md"
             unelevated

src/pages/01_branch-management/MainPage.vue

@@ -1414,12 +1414,14 @@ watch(currentHq, () => {
               : '--violet-11'
         }-hsl)/1)`"
         :bg-color="`hsla(var(${
-          formTypeBranch === 'headOffice'
-            ? '--pink-6'
-            : $q.dark.isActive
-              ? '--violet-10'
-              : '--violet-11'
-        }-hsl)/0.15)`"
+          imageUrl
+            ? '--gray-0'
+            : formTypeBranch === 'headOffice'
+              ? '--pink-6'
+              : $q.dark.isActive
+                ? '--violet-10'
+                : '--violet-11'
+        }-hsl)/${imageUrl ? '0' : '0.15'})`"
         :menu="formMenuIcon"
         @view="imageDialog = true"
         @edit="refImageUpload && refImageUpload.browse()"
@@ -1595,12 +1597,14 @@ watch(currentHq, () => {
                 : '--violet-11'
           }-hsl)/1)`"
           :bg-color="`hsla(var(${
-            formTypeBranch === 'headOffice'
-              ? '--pink-6'
-              : $q.dark.isActive
-                ? '--violet-10'
-                : '--violet-11'
-          }-hsl)/0.15)`"
+            imageUrl
+              ? '--gray-0'
+              : formTypeBranch === 'headOffice'
+                ? '--pink-6'
+                : $q.dark.isActive
+                  ? '--violet-10'
+                  : '--violet-11'
+          }-hsl)/${imageUrl ? '0' : '0.15'})`"
           v-model:toggle-status="formData.status"
           @view="imageDialog = true"
           @edit="refImageUpload && refImageUpload.browse()"
@@ -1925,8 +1929,7 @@ watch(currentHq, () => {
     v-model:dialogState="imageDialog"
     v-model:file="profileFileImg as File"
     v-model:image-url="imageUrl"
-    :hiddenFooter="!isImageEdit"
-    :changeDisabled="!isImageEdit"
+    :hiddenFooter="!isImageEdit && !modal"
     @save="imageDialog = false"
     clearButton
   >