Enhance email verification layout styling
Added CSS styles for the fields and field containers to improve the layout and alignment of the email verification page. This change ensures a more structured and visually appealing presentation of the form data.
This commit is contained in:
parent
30720d0738
commit
1c4f4b154b
|
|
@ -38,3 +38,15 @@ table {
|
|||
border: 1px solid #ddd;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.fields {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
max-width: 1020px;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.field {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
|
@ -27,7 +27,7 @@ const ThankYou: FC = () => {
|
|||
<header className="header">Thank you for completing the form and verifying your email!<br></br>This is the data you entered:</header>
|
||||
<div className="fields">
|
||||
{Object.entries(formData).map(([key, value]) => (
|
||||
<div>
|
||||
<div className={"field"}>
|
||||
<p><strong>{key}</strong></p>
|
||||
{
|
||||
typeof value === "string" && value.includes("\n") ?
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user