Spaces:

huggingchat
/

chat-ui

Running

App Files Files Community

777

chat-ui / src /lib /components /StopGeneratingBtn.svelte

nsarrazin

Add a more visible retry button on failure to generate (#530)

2d45a3c unverified about 3 years ago

Raw History Blame

447 Bytes

<script lang="ts">
	import CarbonStopFilledAlt from "~icons/carbon/stop-filled-alt";

	export let classNames = "";
</script>

<button
	type="button"
	on:click
	class="btn flex h-8 rounded-lg border bg-white px-3 py-1 shadow-sm transition-all hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:hover:bg-gray-600 {classNames}"
>
	<CarbonStopFilledAlt class="-ml-1 mr-1 h-[1.25rem] w-[1.1875rem] text-gray-300" /> Stop generating
</button>

	<script lang="ts">
	import CarbonStopFilledAlt from "~icons/carbon/stop-filled-alt";

	export let classNames = "";
	</script>

	<button
	type="button"
	on:click
	class="btn flex h-8 rounded-lg border bg-white px-3 py-1 shadow-sm transition-all hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:hover:bg-gray-600 {classNames}"
	>
	<CarbonStopFilledAlt class="-ml-1 mr-1 h-[1.25rem] w-[1.1875rem] text-gray-300" /> Stop generating
	</button>