victor HF staff commited on
Commit
4bbf10b
β€’
1 Parent(s): 7e89314
frontend/src/lib/Buttons/AboutButton.svelte CHANGED
@@ -1,17 +1,17 @@
1
- <button on:click class="md:w-[210px] text-sm flex items-center order-last md:order-none">
2
- <svg width=".9em" height=".9em" viewBox="0 0 24 24" class="mr-1"
3
- ><path
4
- fill="currentColor"
5
- fill-rule="evenodd"
6
- 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"
7
- clip-rule="evenodd"
8
- /></svg
9
- >
10
- About
11
- </button>
12
-
13
- <style lang="postcss" scoped>
14
- /* .button {
15
- @apply disabled:opacity-50 dark:bg-white dark:text-black bg-black text-white rounded-2xl text-xs shadow-sm focus:outline-none focus:border-gray-400;
16
- } */
17
- </style>
 
1
+ <div class="md:w-[210px] text-sm md:flex flex-col order-last md:order-none">
2
+ <p class="mb-4 inline">
3
+ Instructions: move the <span class="text-blue-700 bg-blue-300/60 px-0.5">blue square</span>
4
+ then click "πŸ– Paint"
5
+ </p>
6
+ <button on:click class="items-center inline-flex">
7
+ <svg width=".9em" height=".9em" viewBox="0 0 24 24" class="mr-1"
8
+ ><path
9
+ fill="currentColor"
10
+ fill-rule="evenodd"
11
+ 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"
12
+ clip-rule="evenodd"
13
+ /></svg
14
+ >
15
+ About
16
+ </button>
17
+ </div>
frontend/src/lib/Menu.svelte CHANGED
@@ -14,7 +14,7 @@
14
  <svelte:window
15
  on:keyup|preventDefault|stopPropagation={(e) => e.key === 'Enter' && dispatch('prompt')}
16
  />
17
- <div class="flex flex-col md:flex-row items-center justify-between px-12 gap-2 md:gap-0">
18
  <AboutButton
19
  on:click={() => {
20
  $toggleAbout = !$toggleAbout;
 
14
  <svelte:window
15
  on:keyup|preventDefault|stopPropagation={(e) => e.key === 'Enter' && dispatch('prompt')}
16
  />
17
+ <div class="flex flex-col md:flex-row items-center justify-between px-4 md:px-12 gap-2 md:gap-0">
18
  <AboutButton
19
  on:click={() => {
20
  $toggleAbout = !$toggleAbout;