This commit is contained in:
Kenneth Jannette
2024-01-31 15:21:50 -06:00
parent c3e0ae5a14
commit 3ecd07fff8
2 changed files with 15 additions and 2 deletions

View File

@@ -1,4 +1,5 @@
import { useState } from "react"; import { useState } from "react";
import "../../styles/casetype-page.scss"; import "../../styles/casetype-page.scss";
const CaseTypePage = () => { const CaseTypePage = () => {
const [email, setEmail] = useState(""); const [email, setEmail] = useState("");
@@ -7,7 +8,7 @@ const CaseTypePage = () => {
const [leadAttorney, setLeadAttorney] = useState(""); const [leadAttorney, setLeadAttorney] = useState("");
return ( return (
<> <div className="type-container">
<div className="type-row"> <div className="type-row">
<div className="type-col"> <div className="type-col">
<input <input
@@ -52,7 +53,7 @@ const CaseTypePage = () => {
></input> ></input>
</div> </div>
</div> </div>
</> </div>
); );
}; };

View File

@@ -1,7 +1,18 @@
.type-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
width: 900px;
}
.type-row { .type-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
width: 100%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@@ -9,6 +20,7 @@
.type-col { .type-col {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 50%;
} }
.case-tag-container { .case-tag-container {