From 588991c8f77bb4990760e92d55f370fcf0922f06 Mon Sep 17 00:00:00 2001
From: Mel <einebeere@gmail.com>
Date: Sun, 20 Feb 2022 00:15:26 +0100
Subject: Replace input fields for data view

---
 .../src/components/share/selector/DataSelector.svelte | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

(limited to 'assets/src/components/share/selector/DataSelector.svelte')

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 {
-- 
cgit 1.4.1

