From 69d31af19ebc5e6310c17fcd066a6facdea83e41 Mon Sep 17 00:00:00 2001 From: Mike Smith <89040888+smiggiddy@users.noreply.github.com> Date: Sat, 22 Jun 2024 18:35:58 -0400 Subject: [PATCH] refactor: remove unneccessary divs --- cv-project/index.html | 6 +++ cv-project/src/App.css | 13 ++++++ .../src/components/educationInfoForm.jsx | 43 +++++++++---------- cv-project/src/styles/input.css | 4 ++ 4 files changed, 44 insertions(+), 22 deletions(-) diff --git a/cv-project/index.html b/cv-project/index.html index cabbba2..af8155d 100644 --- a/cv-project/index.html +++ b/cv-project/index.html @@ -3,6 +3,12 @@ + + + CV-Creator diff --git a/cv-project/src/App.css b/cv-project/src/App.css index 708ee62..acff0e3 100644 --- a/cv-project/src/App.css +++ b/cv-project/src/App.css @@ -51,6 +51,13 @@ body { background: hsl(var(--white-color)); } +.general-info-header { + font-family: "Inter Tight", sans-serif; + font-optical-sizing: auto; + font-weight: 700; + font-style: normal; +} + .basic-info { display: flex; flex-direction: column; @@ -66,3 +73,9 @@ body { display: flex; gap: 1rem; } + +.education-info-form { + padding: 20px; + margin-bottom: 1rem; + background: hsl(var(--white-color)); +} diff --git a/cv-project/src/components/educationInfoForm.jsx b/cv-project/src/components/educationInfoForm.jsx index d989445..8140039 100644 --- a/cv-project/src/components/educationInfoForm.jsx +++ b/cv-project/src/components/educationInfoForm.jsx @@ -1,27 +1,26 @@ import { useState, useEffect } from "react"; +import Input from "./input"; export default function EducationInfoForm(props) { const [educationItemActive, setEducationItemActive] = useState(false); return ( -
-
- + <> + - -
-
+ + ); } @@ -57,23 +56,23 @@ function EducationForm({ }; return ( -
+ <> {isActive ? (
- setSchoolName(e.target.value)} /> - setGraduationDate(e.target.value)} /> -
) : null} -
+ ); } diff --git a/cv-project/src/styles/input.css b/cv-project/src/styles/input.css index 0a2f55a..aa06f51 100644 --- a/cv-project/src/styles/input.css +++ b/cv-project/src/styles/input.css @@ -3,6 +3,10 @@ flex-direction: column; font-size: 1.3rem; line-height: 1.3; + font-family: "Inter Tight", sans-serif; + font-optical-sizing: auto; + /* font-weight: ; */ + font-style: normal; } .input label {