diff options
| author | Mel <einebeere@gmail.com> | 2022-02-19 22:48:49 +0100 |
|---|---|---|
| committer | Mel <einebeere@gmail.com> | 2022-02-19 22:48:49 +0100 |
| commit | 4c30ede61b1cf1fe15ef72f7399f88ce72f863a8 (patch) | |
| tree | 12cc2af6249398fa844c4035b87b02b1605ef61a /assets/src/components/share/DataSelector.svelte | |
| parent | d0f956f9f0a8935d091c8b27577f773fdc101bf9 (diff) | |
| download | rook-4c30ede61b1cf1fe15ef72f7399f88ce72f863a8.tar.zst rook-4c30ede61b1cf1fe15ef72f7399f88ce72f863a8.zip | |
Text or Files sharing selector
Diffstat (limited to 'assets/src/components/share/DataSelector.svelte')
| -rw-r--r-- | assets/src/components/share/DataSelector.svelte | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/assets/src/components/share/DataSelector.svelte b/assets/src/components/share/DataSelector.svelte deleted file mode 100644 index 22a83ba..0000000 --- a/assets/src/components/share/DataSelector.svelte +++ /dev/null @@ -1,47 +0,0 @@ -<script lang="ts"> - import { ChoosingData, getShareState } from "../../state/share"; - import ShareIcon from "../icons/ShareIcon.svelte"; - - let value = ""; - - const submit = () => { - const share = getShareState().state as ChoosingData; - share.submitData(value); - }; - - // TODO: Accept data other than text. -</script> - -<form on:submit|preventDefault={submit}> - <!-- TODO: Prettier input field --> - <input type="text" bind:value /> - <button class="start-sharing-button" type="submit"> - <ShareIcon color="black" /> - Start Sharing - </button> -</form> - -<style> - input { - border: none; - font-size: 14px; - color: black; - background-color: white; - padding: 10px 20px; - box-sizing: border-box; - } - - .start-sharing-button { - border: none; - font-size: 14px; - background-color: white; - color: black; - padding: 10px 14px; - - display: flex; - align-items: center; - gap: 10px; - - margin-top: 20px; - } -</style> |
