bugfixing

This commit is contained in:
MuslemRahimi 2025-04-10 13:49:06 +02:00
parent 88efbbbe20
commit e84b37946b
3 changed files with 38 additions and 17 deletions

View File

@ -832,11 +832,11 @@
aria-label="Add new stock..." aria-label="Add new stock..."
/> />
</div> </div>
{#if inputValue?.length !== 0 && inputValue !== selectedTicker} <Combobox.Content
<Combobox.Content class=" z-10 rounded border border-gray-300 dark:border-gray-700 bg-white dark:bg-default px-1 py-3 shadow-sm outline-hidden"
class=" z-10 rounded border border-gray-300 dark:border-gray-700 bg-white dark:bg-default px-1 py-3 shadow-sm outline-hidden" sideOffset={8}
sideOffset={8} >
> {#if inputValue?.length !== 0 && inputValue !== selectedTicker}
{#each searchBarData as searchItem} {#each searchBarData as searchItem}
<Combobox.Item <Combobox.Item
class="cursor-pointer border-b border-gray-300 dark:border-gray-500 last:border-none flex h-fit w-auto select-none items-center rounded-button py-1 px-2 text-sm capitalize outline-hidden transition-all duration-75 data-highlighted:bg-gray-200 dark:data-highlighted:bg-primary" class="cursor-pointer border-b border-gray-300 dark:border-gray-500 last:border-none flex h-fit w-auto select-none items-center rounded-button py-1 px-2 text-sm capitalize outline-hidden transition-all duration-75 data-highlighted:bg-gray-200 dark:data-highlighted:bg-primary"
@ -856,12 +856,22 @@
</div> </div>
</Combobox.Item> </Combobox.Item>
{:else} {:else}
<span class="block px-5 py-2 text-sm"> <span
class="block px-5 py-2 text-sm text-muted dark:text-white"
>
No results found No results found
</span> </span>
{/each} {/each}
</Combobox.Content> {:else}
{/if} <Combobox.Item
class="cursor-pointer border-b border-gray-300 dark:border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-1.5 pl-5 pr-1.5 text-sm capitalize outline-hidden"
>
<span class=" text-sm text-muted dark:text-white">
No results found
</span>
</Combobox.Item>
{/if}
</Combobox.Content>
</Combobox.Root> </Combobox.Root>
<button <button

View File

@ -1,5 +1,4 @@
<script lang="ts"> <script lang="ts">
import ArrowLogo from "lucide-svelte/icons/move-up-right";
import { page } from "$app/stores"; import { page } from "$app/stores";
export let data; export let data;

View File

@ -1299,11 +1299,12 @@
aria-label="Add new stock" aria-label="Add new stock"
/> />
</div> </div>
{#if inputValue?.length !== 0}
<Combobox.Content <Combobox.Content
class="w-auto z-10 rounded border border-gray-300 dark:border-gray-700 bg-white dark:bg-default px-1 py-1.5 shadow-sm outline-hidden" class="w-auto z-10 rounded border border-gray-300 dark:border-gray-700 bg-white dark:bg-default px-1 py-1.5 shadow-sm outline-hidden"
sideOffset={8} sideOffset={8}
> >
{#if inputValue?.length > 0}
{#each searchBarData as item} {#each searchBarData as item}
<Combobox.Item <Combobox.Item
class="cursor-pointer border-b border-gray-300 dark:border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-1.5 pl-5 pr-1.5 text-sm capitalize outline-hidden transition-all duration-75 data-highlighted:bg-gray-200 dark:data-highlighted:bg-primary" class="cursor-pointer border-b border-gray-300 dark:border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-1.5 pl-5 pr-1.5 text-sm capitalize outline-hidden transition-all duration-75 data-highlighted:bg-gray-200 dark:data-highlighted:bg-primary"
@ -1322,13 +1323,24 @@
> >
</div> </div>
</Combobox.Item> </Combobox.Item>
<!--This else is related to for loop-->
{:else} {:else}
<span class="block px-5 py-2 text-sm"> <span
class="block px-5 py-2 text-sm text-muted dark:text-white"
>
No results found No results found
</span> </span>
{/each} {/each}
</Combobox.Content> {:else}
{/if} <Combobox.Item
class="cursor-pointer border-b border-gray-300 dark:border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-1.5 pl-5 pr-1.5 text-sm capitalize outline-hidden"
>
<span class=" text-sm text-muted dark:text-white">
No results found
</span>
</Combobox.Item>
{/if}
</Combobox.Content>
</Combobox.Root> </Combobox.Root>
</div> </div>