diff options
| author | Mel <einebeere@gmail.com> | 2022-02-20 00:15:26 +0100 |
|---|---|---|
| committer | Mel <einebeere@gmail.com> | 2022-02-20 00:15:26 +0100 |
| commit | 588991c8f77bb4990760e92d55f370fcf0922f06 (patch) | |
| tree | 6bd24ca379cef1ef4062baa06db15116d8c1a19c /assets/src/components/share/selector/DataSelector.svelte | |
| parent | 4c30ede61b1cf1fe15ef72f7399f88ce72f863a8 (diff) | |
| download | rook-588991c8f77bb4990760e92d55f370fcf0922f06.tar.zst rook-588991c8f77bb4990760e92d55f370fcf0922f06.zip | |
Replace input fields for data view
Diffstat (limited to 'assets/src/components/share/selector/DataSelector.svelte')
| -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 { |