Spaces:
Runtime error
Runtime error
File size: 1,390 Bytes
5496efb 19a785e 5496efb 08cb669 19a785e 08cb669 19a785e 5496efb 19a785e 08cb669 19a785e 4bbf10b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
<script lang="ts">
import { onMount } from 'svelte';
import ShareWithCommunity from './ShareWithCommunity.svelte';
export let isLoading = false;
let open = true;
onMount(() => {
autoOpen();
window.addEventListener('resize', autoOpen);
return () => {
window.removeEventListener('resize', autoOpen);
};
});
function autoOpen() {
open = window.innerWidth > 768;
}
</script>
<div class="md:w-[210px] text-sm md:flex flex-col order-last md:order-none">
<details {open}>
<summary class="md:hidden">More</summary>
<p class="inline">
Instructions: move the <span class="text-blue-700 bg-blue-300/60 px-0.5">blue square</span>,
click "🖍 Paint".
</p>
<div class="flex justify-between py-2 gap-3">
<button on:click class="items-center inline-flex">
<svg width=".9em" height=".9em" viewBox="0 0 24 24" class="mr-1"
><path
fill="currentColor"
fill-rule="evenodd"
d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2zm0 7a1 1 0 0 0-1 1a1 1 0 1 1-2 0a3 3 0 1 1 4.44 2.633a1.404 1.404 0 0 0-.383.288a.303.303 0 0 0-.057.085v.494a1 1 0 1 1-2 0V13c0-.58.253-1.047.539-1.38c.281-.33.63-.572.94-.742A1 1 0 0 0 12 9zm.999 4.011v-.004v.005zM12 15a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H12z"
clip-rule="evenodd"
/></svg
>
About
</button>
<ShareWithCommunity {isLoading} />
</div>
</details>
</div>
|