mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[UX] Make the settings close button visible regardless of scrolling

Browse Source
This commit is contained in:
LL
2023-06-02 23:09:43 +09:00
parent 101a141b48
commit 251fe4ad47
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/Setting/Settings.svelte
View File

@@ -25,7 +25,7 @@
</script> </script>
<div class="h-full w-full flex justify-center setting-bg"> <div class="h-full w-full flex justify-center setting-bg">
<div class="h-full max-w-screen-lg w-full flex"> <div class="h-full max-w-screen-lg w-full flex relative">
{#if window.innerWidth >= 700 || selected === -1} {#if window.innerWidth >= 700 || selected === -1}
<div class="flex h-full flex-col p-4 pt-8 bg-darkbg gap-2 overflow-y-auto relative" <div class="flex h-full flex-col p-4 pt-8 bg-darkbg gap-2 overflow-y-auto relative"
class:w-full={window.innerWidth < 700}> class:w-full={window.innerWidth < 700}>
@@ -135,7 +135,8 @@
{:else if selected === 11} {:else if selected === 11}
<AccessibilitySettings/> <AccessibilitySettings/>
{/if} {/if}
<button class="absolute top-2 right-2 hover:text-green-500" on:click={() => { </div>
<button class="absolute top-2 right-2 hover:text-green-500 text-white" on:click={() => {
if(window.innerWidth >= 700){ if(window.innerWidth >= 700){
settingsOpen.set(false) settingsOpen.set(false)
} }
@@ -145,7 +146,6 @@
}}> }}>
<XCircleIcon /> <XCircleIcon />
</button> </button>
</div>
{/if} {/if}
</div> </div>
</div> </div>