diff --git a/src/components/TextArea.jsx b/src/components/TextArea.jsx index 515d3ab..7f67a62 100644 --- a/src/components/TextArea.jsx +++ b/src/components/TextArea.jsx @@ -7,7 +7,7 @@ import { BGCOLORS, BORDERCOLORS } from '../scripts/Utilities'; export default function TextArea({title, id, value, color, placeholder, className, innerClass, outerClass, onChange}) { if (!onChange) console.warn("In order to get the text, you need to assign something to onChange..."); - let [ formValue, setFormValue ] = useState(value || ""); + let [ formValue, setFormValue ] = useState((value==0)?"0":value || ""); let [ formId, setFormId ] = useState(id || ulid()); useEffect(() => { diff --git a/src/main.css b/src/main.css index 93b06ba..e12b096 100644 --- a/src/main.css +++ b/src/main.css @@ -29,11 +29,11 @@ nav a:last-child { } h1 { - @apply text-xl font-bold border-base-content border-b-2 leading-3 my-1; + @apply text-base md:text-lg lg:text-xl font-bold border-base-content border-b-2 leading-5 my-1; } h2 { - @apply text-lg font-bold border-b border-l border-primary pl-2 base-size; + @apply text-sm md:text-base lg:text-lg font-bold border-b border-l border-primary leading-5 pl-2 base-size; } .lg-title { diff --git a/src/styles/Select.css b/src/styles/Select.css index 38deddb..07fc0f2 100644 --- a/src/styles/Select.css +++ b/src/styles/Select.css @@ -1,14 +1,14 @@ .select-cont { - @apply relative flex flex-row items-center; + @apply relative flex flex-row items-stretch; } .select-label { - @apply flex items-center justify-center text-center p-2 rounded-l-md border-r h-full; + @apply flex items-center justify-center text-center p-2 rounded-l-md border-r; min-width: 20%; } .select-input { - @apply appearance-none border-t-2 border-r-2 border-b-2 rounded-r-md py-0.5 px-1 flex flex-row space-x-1 flex-grow w-full h-full items-center; + @apply appearance-none border-t-2 border-r-2 border-b-2 rounded-r-md py-0.5 px-1 flex flex-row space-x-1 flex-grow; } .select-end { diff --git a/src/styles/Text.css b/src/styles/Text.css index 6e360da..617a1fd 100644 --- a/src/styles/Text.css +++ b/src/styles/Text.css @@ -1,12 +1,12 @@ .text-cont { - @apply flex flex-row items-center; + @apply flex flex-row items-stretch; } .text-label { - @apply flex items-center justify-center text-center p-2 rounded-l-md border-r h-full; + @apply flex items-center justify-center text-center p-2 rounded-l-md border-r; min-width: 20%; } .text-input { - @apply border-t-2 border-r-2 border-b-2 rounded-r-md py-0.5 px-1 flex flex-row space-x-1 flex-grow w-full h-full items-center; + @apply border-t-2 border-r-2 border-b-2 rounded-r-md py-0.5 px-1 flex flex-row space-x-1 flex-grow; } \ No newline at end of file diff --git a/src/styles/TextArea.css b/src/styles/TextArea.css index c5012a5..204f050 100644 --- a/src/styles/TextArea.css +++ b/src/styles/TextArea.css @@ -3,7 +3,7 @@ } .textarea-label { - @apply rounded-t-md border-b; + @apply rounded-t-md border-b p-2; } .textarea-box {