From 516431308218901e5ebf019e31445cbc0069650a Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Wed, 28 Aug 2024 09:21:14 +0800
Subject: [PATCH] refine "password" layout for both cases

---
 .../AccountManagement/ModalAccountEditCreate.vue  | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/AccountManagement/ModalAccountEditCreate.vue b/src/views/AccountManagement/ModalAccountEditCreate.vue
index d3ab5d1..34e0ad8 100644
--- a/src/views/AccountManagement/ModalAccountEditCreate.vue
+++ b/src/views/AccountManagement/ModalAccountEditCreate.vue
@@ -49,14 +49,23 @@
             </div>
             <div v-show="!isSSO" class="input-row w-full flex py-2 mb-4 items-center
                 justify-between">
-                    <div class="field-label text-sm flex items-start font-medium  justify-end"
+                    <div class="field-label text-sm flex flex-col items-start font-medium  justify-end"
                         :class="{
                             'h-[100px]': whichCurrentModal !== MODAL_CREATE_NEW,
                         }"
-                    >
-                        <span class="align-right-span flex h-full w-[122px] justify-end text-top">
+                    > <!-- 這裡會根據究竟是create彈窗還是edit彈窗來改變Password的排版 -->
+                        <span class="align-right-span flex h-full w-[122px] justify-end"
+                            :class="{
+                                'pt-[12px]': whichCurrentModal !== MODAL_CREATE_NEW,
+                                'text-top': whichCurrentModal !== MODAL_CREATE_NEW,
+                                'h-[40px]': whichCurrentModal === MODAL_CREATE_NEW,
+                                'items-center': whichCurrentModal === MODAL_CREATE_NEW,
+                            }">
                             {{ i18next.t("AcctMgmt.Password") }}
                         </span>
+                        <span v-if="whichCurrentModal === MODAL_CREATE_NEW" class="dummy-cell
+                            flex w-[122px] h-[40px]">
+                        </span>
                     </div>
                     <div class="reset-btn-and-input-pwd-and-error flex flex-col"
                         :class="{'h-[100px]': whichCurrentModal !== MODAL_CREATE_NEW,}"