refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-07-22 11:22:01 +04:00
parent 496ea40d1d
commit ac0932f356
2 changed files with 25 additions and 1 deletions

View file

@ -72,6 +72,7 @@
import { KokoroWorker } from '$lib/workers/KokoroWorker';
import InputVariablesModal from './MessageInput/InputVariablesModal.svelte';
import Voice from '../icons/Voice.svelte';
const i18n = getContext('i18n');
export let transparentBackground = false;
@ -1902,7 +1903,7 @@
}}
aria-label={$i18n.t('Voice mode')}
>
<Headphone className="size-5" />
<Voice className="size-5" strokeWidth="2.5" />
</button>
</Tooltip>
</div>

View file

@ -0,0 +1,23 @@
<script lang="ts">
export let className = 'w-4 h-4';
export let strokeWidth = '1.5';
</script>
<svg
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 24 24"
stroke-width={strokeWidth}
stroke="currentColor"
class={className}
><path d="M12 4L12 20" stroke-linecap="round" stroke-linejoin="round"></path><path
d="M8 9L8 15"
stroke-linecap="round"
stroke-linejoin="round"
></path><path d="M20 10L20 14" stroke-linecap="round" stroke-linejoin="round"></path><path
d="M4 10L4 14"
stroke-linecap="round"
stroke-linejoin="round"
></path><path d="M16 7L16 17" stroke-linecap="round" stroke-linejoin="round"></path></svg
>