Change inputs to textareas (#34)

Issue #28 discovered long ssid and password values would be visibly cropped.
This change replaces the input fields with 2-row textareas that properly
handle the maximum length of both ssids and passwords, 32 and 63 characters
respectively.

1 files changed, 3 insertions, 3 deletions

diff --git a/src/components/Card.js b/src/components/Card.js
index 3394859..bbf29f9 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -1,5 +1,5 @@
-import React, { useState, useEffect } from 'react';
 import QRCode from 'qrcode.react';
+import { useEffect, useState } from 'react';
 import './style.css';
 
 export const Card = () => {
@@ -51,7 +51,7 @@ export const Card = () => {
 
           <div className="text">
             <label>Network name</label>
-            <input
+            <textarea
               id="ssid"
               type="text"
               maxLength="32"
@@ -60,7 +60,7 @@ export const Card = () => {
               onChange={(e) => setNetwork({ ...network, ssid: e.target.value })}
             />
             <label>Password</label>
-            <input
+            <textarea
               id="password"
               type="text"
               maxLength="63"