Merge pull request #15010 from itk-dev/feature/outline-hidden-depend-on-high-contrast-mode

Feat: outline hidden depend on high contrast mode
This commit is contained in:
Tim Jaeryang Baek 2025-06-16 12:43:33 +04:00 committed by GitHub
commit b37907671e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -2,6 +2,7 @@
import { getContext, tick } from 'svelte'; import { getContext, tick } from 'svelte';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
import { settings } from '$lib/stores';
import Tooltip from '$lib/components/common/Tooltip.svelte'; import Tooltip from '$lib/components/common/Tooltip.svelte';
import SensitiveInput from '$lib/components/common/SensitiveInput.svelte'; import SensitiveInput from '$lib/components/common/SensitiveInput.svelte';
import Cog6 from '$lib/components/icons/Cog6.svelte'; import Cog6 from '$lib/components/icons/Cog6.svelte';
@ -65,7 +66,7 @@
<div class="flex w-full gap-2"> <div class="flex w-full gap-2">
<div class="flex-1 relative"> <div class="flex-1 relative">
<input <input
class=" outline-hidden w-full bg-transparent {pipeline ? 'pr-8' : ''}" class={`w-full bg-transparent ${($settings?.highContrastMode ?? false) ? '' : 'outline-hidden'} ${pipeline ? 'pr-8' : ''}`}
placeholder={$i18n.t('API Base URL')} placeholder={$i18n.t('API Base URL')}
bind:value={url} bind:value={url}
autocomplete="off" autocomplete="off"