diff options
Diffstat (limited to 'assets/src/components/share/selector')
| -rw-r--r-- | assets/src/components/share/selector/DataSelector.svelte | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/assets/src/components/share/selector/DataSelector.svelte b/assets/src/components/share/selector/DataSelector.svelte index 33d971e..a1c69f9 100644 --- a/assets/src/components/share/selector/DataSelector.svelte +++ b/assets/src/components/share/selector/DataSelector.svelte @@ -25,7 +25,7 @@ {#if type === DataType.TEXT} <form on:submit|preventDefault={submit}> <!-- TODO: Prettier input field --> - <input type="text" bind:value /> + <textarea bind:value /> <button class="start-sharing-button" type="submit"> <ShareIcon color="black" /> Start Sharing @@ -36,13 +36,20 @@ {/if} <style> - input { - border: none; + textarea { font-size: 14px; - color: black; - background-color: white; - padding: 10px 20px; + color: white; + background-color: black; + border: solid 1px #626262; + padding: 10px 14px; box-sizing: border-box; + width: 300px; + max-width: 600px; + } + + textarea:focus { + outline: none; + border: solid 1px white; } .start-sharing-button { |