Figured out css height problems. Everything looks amazing!

killeand · Sep 5, 2023 · 8ed2546 · 8ed2546
1 parent 9a6b594
commit 8ed2546
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;
 }
diff --git 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 {