diff options
| author | Adam Soltys <[email protected]> | 2024-09-26 16:16:59 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-09-26 16:16:59 -0700 |
| commit | 8016c3ed77e2e8493393d8ac2c1cd01f3ea12fac (patch) | |
| tree | 20f2ebcd908d8308e08da8d13e7e786dc48a7b11 /src/components/LocationsMap.svelte | |
| parent | 3f1da45cd4ea98f5ca89e2c2a6bf356c30cf9010 (diff) | |
| download | coinos-ui-8016c3ed77e2e8493393d8ac2c1cd01f3ea12fac.tar.gz coinos-ui-8016c3ed77e2e8493393d8ac2c1cd01f3ea12fac.zip | |
list styles
Diffstat (limited to 'src/components/LocationsMap.svelte')
| -rw-r--r-- | src/components/LocationsMap.svelte | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte index ac5a6a1c..b39f09ef 100644 --- a/src/components/LocationsMap.svelte +++ b/src/components/LocationsMap.svelte @@ -57,7 +57,7 @@ let scroll = () => { const el = document.querySelector(".selected"); - if (el) el.scrollIntoView({ behavior: "smooth", block: "center" }); + if (el) el.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" }); }; let selected; @@ -266,7 +266,7 @@ <div class="relative"> {#if !showList} <div - class="space-y-1 text-sm w-[300px] max-w-[calc(100vw*0.5)] h-[300px] max-h-[calc(100vh*0.4)] overflow-y-scroll p-4 bg-opacity-90 bg-primary absolute right-4 bottom-8 rounded-2xl shadow text-ellipsis" + class="space-y-1 text-sm w-[300px] max-w-[calc(100vw*0.5)] h-[300px] max-h-[calc(100vh*0.4)] overflow-y-scroll p-4 bg-opacity-90 bg-primary absolute right-4 bottom-8 rounded-2xl shadow text-ellipsis overflow-x-hidden" > <div class="relative mb-4 sticky top-0 bg-primary z-10"> <input bind:value={search} class="w-full" /> @@ -286,7 +286,7 @@ on:click={() => select(marker)} class:font-bold={selected === marker} class:selected={selected === marker} - class="block whitespace-nowrap text-ellipsis" + class="block whitespace-nowrap text-ellipsis text-left w-full overflow-hidden" > {marker.tags.name} </button> |