outline-hidden depend on high contrast mode

This commit is contained in:
Sine Jespersen 2025-06-16 09:43:47 +02:00
parent d1677635a5
commit 75883dc835
2 changed files with 3 additions and 2 deletions

View File

@ -73,7 +73,7 @@
</div>
<SensitiveInput
inputClassName=" outline-hidden bg-transparent w-full"
inputClassName="bg-transparent w-full"
placeholder={$i18n.t('API Key')}
bind:value={key}
/>

View File

@ -1,6 +1,7 @@
<script lang="ts">
const i18n = getContext('i18n');
import { getContext } from 'svelte';
import { settings } from '$lib/stores';
export let value: string = '';
export let placeholder = '';
export let required = true;
@ -16,7 +17,7 @@
<div class={outerClassName}>
<label class="sr-only" for="password-input">{placeholder || $i18n.t('Password')}</label>
<input
class={`${inputClassName} ${show ? '' : 'password'}`}
class={`${inputClassName} ${show ? '' : 'password'} ${($settings?.highContrastMode ?? false) ? '' : ' outline-hidden'}`}
{placeholder}
id="password-input"
bind:value