Skip to content

Commit

Permalink
fix(bridge-ui-v2): Add z-index for close button on mobile (#14769)
Browse files Browse the repository at this point in the history
  • Loading branch information
xiaodino authored Sep 21, 2023
1 parent a37797a commit 6dff6fc
Show file tree
Hide file tree
Showing 8 changed files with 8 additions and 8 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@

<dialog id={dialogId} class="modal" class:modal-open={modalOpen}>
<div class="modal-box relative px-6 py-[35px] md:rounded-[20px] bg-neutral-background">
<button class="absolute right-6 top-[35px]" on:click={cancelModal}>
<button class="absolute right-6 top-[35px] z-50" on:click={cancelModal}>
<Icon type="x-close" fillClass="fill-primary-icon" size={24} />
</button>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@

<dialog id={dialogId} class="modal" class:modal-open={modalOpen}>
<div class="modal-box relative px-6 md:rounded-[20px] bg-neutral-background">
<button class="absolute right-6" on:click={closeModal}>
<button class="absolute right-6 z-50" on:click={closeModal}>
<Icon type="x-close" fillClass="fill-primary-icon" size={24} />
</button>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 +148,7 @@
<LoadingMask spinnerClass="border-white" text={$t('messages.network.switching')} />
{/if}

<button class="absolute right-6 top-[35px] md:top-[20px]" on:click={closeModal}>
<button class="absolute right-6 top-[35px] md:top-[20px] z-50" on:click={closeModal}>
<Icon type="x-close" fillClass="fill-primary-icon" size={24} />
</button>
<div class="w-full">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -162,7 +162,7 @@

<dialog id={dialogId} class="modal modal-bottom md:modal-middle" class:modal-open={modalOpen}>
<div class="modal-box relative px-6 py-[35px] md:rounded-[20px] bg-neutral-background">
<button class="absolute right-6 top-[35px]" on:click={closeModal}>
<button class="absolute right-6 top-[35px] z-50" on:click={closeModal}>
<Icon type="x-close" fillClass="fill-primary-icon" size={24} />
</button>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@
<!-- Mobile view -->
<dialog {id} class="modal modal-bottom" class:modal-open={menuOpen}>
<div class="modal-box relative px-6 py-[35px] w-full bg-neutral-background">
<button class="absolute right-6 top-[35px]" on:click={closeMenu}>
<button class="absolute right-6 top-[35px] z-50" on:click={closeMenu}>
<Icon type="x-close" fillClass="fill-primary-icon" size={24} />
</button>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@

<dialog id={dialogId} class="modal" class:modal-open={modalOpen}>
<div class="modal-box relative px-6 py-[35px] md:rounded-[20px] bg-neutral-background">
<button class="absolute right-6 top-[35px]" on:click={closeModal}>
<button class="absolute right-6 top-[35px] z-50" on:click={closeModal}>
<Icon type="x-close" fillClass="fill-primary-icon" size={24} />
</button>
<div class="w-full space-y-6">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
<dialog id={dialogId} class="modal modal-bottom" class:modal-open={detailsOpen}>
<div
class="modal-box relative border border-neutral-background px-6 py-[30px] dark:glassy-gradient-card dark:glass-background-gradient">
<button class="absolute right-6" on:click={closeDetails}>
<button class="absolute right-6 z-50" on:click={closeDetails}>
<Icon type="x-close" fillClass="fill-primary-icon" size={24} />
</button>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@
class="modal-box
bg-neutral-background text-primary-content text-center max-w-[565px]">
<div class="w-full flex justify-end">
<button class="right-6" on:click={closeModal}>
<button class="right-6 z-50" on:click={closeModal}>
<Icon type="x-close" fillClass="fill-primary-content" size={24} />
</button>
</div>
Expand Down

1 comment on commit 6dff6fc

@vercel
Copy link

@vercel vercel bot commented on 6dff6fc Sep 21, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

bridge-ui-v2-internal – ./packages/bridge-ui-v2

bridge-ui-v2-internal.vercel.app
bridge-ui-v2-internal-git-main-taikoxyz.vercel.app
bridge-ui-v2-internal-taikoxyz.vercel.app

Please sign in to comment.