huggingface-projects/stable-diffusion-multiplayer

1<script lang="ts">2	import { createEventDispatcher, onMount } from 'svelte';3 4	const dispatch = createEventDispatcher();5 6	let okButton: HTMLButtonElement;7 8	onMount(() => {9		okButton.focus();10	});11</script>12 13<form14	class="fixed w-screen top-0 left-0 bottom-0 right-0 h-screen z-50 flex items-center justify-center bg-black bg-opacity-80"15>16	<div17		class="text-center p-3 m-3 bg-white overflow-hidden rounded-2xl w-full max-w-lg 2xl:max-w-xl"18	>19		<h320			class="font-semibold text-black text-base 2xl:text-2xl spacing tracking-wide hover:saturate-150 mb-3"21		>22			Since the project is an open interactive art canvas, you may encounter some disturbing and23			potentially NSFW content in the rooms.24		</h3>25 26		<button27			bind:this={okButton}28			on:click={() => {29				//set acceptedContentWarning cookie30				dispatch('contentModal');31			}}32			class="font-semibold bg-blue-700 text-white rounded-lg px-5 text-xl 2xl:text-2xl spacing tracking-wide hover:saturate-150"33			title="Input prompt to generate image and  negative prompt inside brackets <NEGATIVE PROMPT>"34			>OK35		</button>36	</div>37</form>38