From 8ee69512be11ac2c155f76790c19a2132ffbd7ae Mon Sep 17 00:00:00 2001
From: "Planoetscher Daniel (Student Com20)"
<daniel.planoetscher@stud-inf.unibz.it>
Date: Sun, 11 Apr 2021 22:20:20 +0200
Subject: [PATCH] landing page now totally restored with adjustments
---
client/src/components/ui/TextInput/text-input.scss | 10 +++++++---
client/src/index.scss | 2 +-
client/src/pages/Home/home.scss | 2 +-
client/src/pages/Home/index.tsx | 6 ++++++
4 files changed, 15 insertions(+), 5 deletions(-)
diff --git a/client/src/components/ui/TextInput/text-input.scss b/client/src/components/ui/TextInput/text-input.scss
index d59a19a..d067bd8 100644
--- a/client/src/components/ui/TextInput/text-input.scss
+++ b/client/src/components/ui/TextInput/text-input.scss
@@ -1,3 +1,6 @@
+@use 'styles/settings.scss' as s;
+@use 'styles/mixins.scss' as mx;
+
.input-field {
position: relative;
margin: 20px 0 30px 0;
@@ -28,7 +31,7 @@
font-size: 16px;
position: absolute;
left: 20px;
- font-weight: var(--weight-bold);
+ font-weight: s.$weight-bold;
z-index: 20;
transform: translateY(-50%);
@@ -36,6 +39,7 @@
textarea {
resize: none;
+ height: 300px;
}
input,
@@ -50,8 +54,8 @@
display: block;
border-radius: 15px;
color: #fff;
- font-weight: var(--weight-regular);
- font-family: 'Poppins', sans-serif;
+ font-weight: s.$weight-regular;
+ font-family: s.$body-font;
background: rgba(255, 255, 255, 0.1);
}
}
diff --git a/client/src/index.scss b/client/src/index.scss
index bb88d8b..cad66de 100644
--- a/client/src/index.scss
+++ b/client/src/index.scss
@@ -20,7 +20,7 @@ body {
position: relative;
background: linear-gradient(to left, #e2e2e2 0%, #e6e6e6 100%);
- @include mx.breakpoint(large) {
+ @include mx.breakpoint(xlarge) {
padding: 5rem 0;
}
}
diff --git a/client/src/pages/Home/home.scss b/client/src/pages/Home/home.scss
index 2adbbc1..e085d9c 100644
--- a/client/src/pages/Home/home.scss
+++ b/client/src/pages/Home/home.scss
@@ -69,7 +69,7 @@ header {
height: calc(100vh - 0.5rem);
}
- @include mx.breakpoint(large) {
+ @include mx.breakpoint(xlarge) {
height: calc(100vh - 6rem);
}
diff --git a/client/src/pages/Home/index.tsx b/client/src/pages/Home/index.tsx
index 44b71d2..758eeef 100644
--- a/client/src/pages/Home/index.tsx
+++ b/client/src/pages/Home/index.tsx
@@ -1,6 +1,7 @@
import Project from 'components/ui/Project';
import ButtonLink from 'components/ui/ButtonLink';
import Button from 'components/ui/Button';
+import TextInput from 'components/ui/TextInput';
import './home.scss';
import Logo from 'images/logo.svg';
@@ -149,6 +150,11 @@ export default function Home() {
to help you resolve the issue.
</p>
<form className="contact-form" action="mailto:dplanoetscher@unibz.it" method="GET">
+ <TextInput label="Fistname" name="firstname" />
+ <TextInput label="Lastname" name="lastname" />
+ <TextInput label="Email" name="email" type="email" />
+ <TextInput label="Subject" name="subject" />
+ <TextInput label="Message" name="message" type="textarea" />
<div className="button-container">
<Button type="submit">Send</Button>
</div>
--
GitLab