From 0de6fee1b6a23ed23f25b506d49c2a705419a4b0 Mon Sep 17 00:00:00 2001
From: Patryk Hirny <pathirny@googlemail.com>
Date: Fri, 22 Dec 2023 11:25:42 +0000
Subject: [PATCH] input to textarea

---
 harvesthub/app/globals.css              | 12 ++++++++++++
 harvesthub/app/tips-and-tricks/page.tsx |  5 ++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/harvesthub/app/globals.css b/harvesthub/app/globals.css
index b24e164..ed4a61b 100644
--- a/harvesthub/app/globals.css
+++ b/harvesthub/app/globals.css
@@ -31,6 +31,17 @@ input {
   color: var(--dark-green-color);
 }
 
+.input {
+  margin-top: 1rem;
+  border-radius: 10px;
+  height: 3rem;
+  width: 14rem;
+  background-color: var(--white-cream-color);
+  color: var(--dark-green-color);
+}
+#input {
+  text-wrap: wrap;
+}
 input::placeholder {
   text-align: center;
   color: var(--dark-green-color);
@@ -1194,6 +1205,7 @@ hr {
     height: 9vw;
     width: 10vw;
   }
+
   #home-button,
   #user-button {
     transition: 0.7s;
diff --git a/harvesthub/app/tips-and-tricks/page.tsx b/harvesthub/app/tips-and-tricks/page.tsx
index cbe7fc8..2103088 100644
--- a/harvesthub/app/tips-and-tricks/page.tsx
+++ b/harvesthub/app/tips-and-tricks/page.tsx
@@ -14,6 +14,7 @@ import {
   FormControl,
   FormLabel,
   Input,
+  Textarea,
 } from "@chakra-ui/react";
 import useCheckSignedIn from "../../components/hooks/useCheckSignedIn";
 
@@ -181,15 +182,17 @@ export default function TipsnTricks() {
                 placeholder="Title ✍"
                 width="90vw"
                 required
+                id="input"
                 className="input"
                 value={title}
                 onChange={(event) => setTitle(event.target.value)}
               />
-              <Input
+              <Textarea
                 placeholder="Description ✍"
                 width="90vw"
                 height="25vh"
                 className="input"
+                id="input"
                 required
                 value={description}
                 onChange={(event) => setDescription(event.target.value)}