imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refine "password" layout for both cases

Browse Source
This commit is contained in:
Cindy Chang
2024-08-28 09:21:14 +08:00
parent 63743280f6
commit 5164313082
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/AccountManagement/ModalAccountEditCreate.vue
View File

@@ -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,}"