From ab97b462e3b2ca98228b1e66bf12c6a0ae9d5455 Mon Sep 17 00:00:00 2001
From: SinusFox <61253950+SinusFox@users.noreply.github.com>
Date: Sun, 15 Sep 2024 14:12:46 +0200
Subject: [PATCH] static demo site - added variables

a
---
 src/app/globals.css |  6 +++---
 src/app/page.tsx    | 40 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index bf5bbdd..eaf2dfd 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -34,7 +34,7 @@ body {
 
 .textbox {
   width: 100%; /* Nimmt die volle Breite des Containers ein */
-  margin-top: 10px; /* Optional: Abstand oberhalb der Textbox */
+  margin: 10px; /* Optional: Abstand oberhalb der Textbox */
   padding: 10px; /* Optional: Innenabstand für die Textbox */
   border-radius: 20px; /* Abgerundete Ecken */
   border: 2px solid #580000; /* Optional: Border-Farbe */
@@ -69,7 +69,7 @@ body {
   background-color: #101010;
   border-radius: 20px;
   margin: 10px;
-  padding: 10px
+  padding: 10px;
 }
 
 .body_box {
@@ -87,5 +87,5 @@ body {
 }
 
 .text {
-  margin: 15px;
+  margin: 10px;
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 418efb5..8cc432b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -68,6 +68,10 @@ export default function Home() {
           <button className="button">
             add
           </button>
+          <br></br>
+          <button className="button">
+            Calculate
+          </button>
         </div>
         <div className="grid grid-cols-1 grod-rows-3">
           <div className="body_box">
@@ -79,6 +83,42 @@ export default function Home() {
             <div className="body_title">
               Variables
             </div>
+
+            <div className="container">
+            <br></br>
+            <textarea
+              className="textbox"
+              placeholder="Variable"
+            />
+            <button className="button">
+              remove
+            </button>
+          </div>
+          <div className="container">
+            <br></br>
+            <textarea
+              className="textbox"
+              placeholder="Variable"
+            />
+            <button className="button">
+              remove
+            </button>
+          </div>
+          <div className="container">
+            <br></br>
+            <textarea
+              className="textbox"
+              placeholder="Variable"
+            />
+            <button className="button">
+              remove
+            </button>
+          </div>
+
+          <button className="button">
+            add
+          </button>
+
           </div>
           <div className="body_box">
             <div className="body_title">