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

fix: #316 cancel and close hover effect

Browse Source
This commit is contained in:
Cindy Chang
2024-08-16 16:58:13 +08:00
parent 6fcd7efbfc
commit 975b8340b8
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -125,7 +125,8 @@
</main> </main>
<footer class="flex row footer justify-end pr-[32px] pb-8"> <footer class="flex row footer justify-end pr-[32px] pb-8">
<button class="cancel-btn rounded rounded-full w-[92px] h-10 px-2.5 py-6 border border-[1px] border-[#64748B] <button class="cancel-btn rounded rounded-full w-[92px] h-10 px-2.5 py-6 border border-[1px] border-[#64748B]
flex justify-center items-center text-[#4E5969] font-medium" flex justify-center items-center text-[#4E5969] font-medium
hover:bg-[#64748B] hover:border-[#CBD5E1] hover:text-[#FFFFFF]"
@click="onCancelBtnClick" @click="onCancelBtnClick"
> >
{{ i18next.t("Global.Cancel") }} {{ i18next.t("Global.Cancel") }}

8
src/views/AccountManagement/ModalHeader.vue
View File

@@ -3,9 +3,11 @@
border-b border-b-[1px] border-[#CBD5E1] border-b border-b-[1px] border-[#CBD5E1]
"> ">
<h1 class="flex text-base font-bold"> {{ headerText }}</h1> <h1 class="flex text-base font-bold"> {{ headerText }}</h1>
<img src="@/assets/icon-x.svg" alt="X" class="flex cursor-pointer" <div class="w-8 h-8 bg-transparent hover:bg-[#e9ecef] rounded-full relative flex justify-center items-center">
@click="closeModal" <img src="@/assets/icon-x.svg" alt="X" class="flex cursor-pointer absolute"
/> @click="closeModal"
/>
</div>
</header> </header>
</template> </template>