Merge pull request #181 from pathirny/develop

input to textarea
pathirny · Dec 22, 2023 · f85bdd1 · f85bdd1
2 parents 481d6d6 + 0de6fee
commit f85bdd1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git 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
@@ -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)}