Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-06-01 20:54:22 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): consistent combobox style + improve color contrast (#7353)

Browse Source
This commit is contained in:
Michel Heusschen 2024-02-22 19:08:55 +01:00 committed by GitHub
parent 2c9dd18f1b
commit 6bb30291de
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/components/shared-components/combobox.svelte
View File

@ -52,7 +52,7 @@
}; };
</script> </script>
<div class="relative w-full" use:clickOutside on:outclick={handleOutClick}> <div class="relative w-full dark:text-gray-300 text-gray-700 text-base" use:clickOutside on:outclick={handleOutClick}>
<div> <div>
{#if isOpen} {#if isOpen}
<div class="absolute inset-y-0 left-0 flex items-center pl-3"> <div class="absolute inset-y-0 left-0 flex items-center pl-3">
@ -96,7 +96,7 @@
<div <div
role="listbox" role="listbox"
transition:fly={{ duration: 250 }} transition:fly={{ duration: 250 }}
class="absolute text-left w-full max-h-64 overflow-y-auto bg-white dark:bg-gray-800 rounded-b-lg border border-t-0 border-gray-300 dark:border-gray-900 z-10" class="absolute text-left text-sm w-full max-h-64 overflow-y-auto bg-white dark:bg-gray-800 rounded-b-lg border border-t-0 border-gray-300 dark:border-gray-900 z-10"
> >
{#if filteredOptions.length === 0} {#if filteredOptions.length === 0}
<div class="px-4 py-2 font-medium">No results</div> <div class="px-4 py-2 font-medium">No results</div>

2
web/src/lib/components/user-settings-page/appearance-settings.svelte
View File

@ -80,7 +80,7 @@
checked={$locale == undefined} checked={$locale == undefined}
on:toggle={handleToggleLocaleBrowser} on:toggle={handleToggleLocaleBrowser}
> >
<p class="mt-2">{selectedDate}</p> <p class="mt-2 dark:text-gray-400">{selectedDate}</p>
</SettingSwitch> </SettingSwitch>
</div> </div>
{#if $locale !== undefined} {#if $locale !== undefined}