aboutsummaryrefslogtreecommitdiff
path: root/web/pw-server/src/lib/components/SubmitPane.svelte
blob: eb4d3e4a41096675c69f18d5f1d0ffb92925bdca (plain)
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
<script lang="ts">
  import { createEventDispatcher } from "svelte";

  const dispatch = createEventDispatcher();

  function submit() {
    dispatch("submit");
  }
</script>

<div class="submit-pane">
  Submit your bot to play a match
  <button class="play-button" on:click={submit}>Submit</button>
</div>

<style lang="scss">
  .submit-pane {
    margin: 20px auto;
  }

  .play-button {
    padding: 8px 16px;
    border-radius: 8px;
    border: 0;
    font-size: 18pt;
    display: block;
    margin: 20px auto;
    background-color: lightgreen;
    cursor: pointer;
  }
</style>