Altitude/SiteFrontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance email verification layout styling

Browse Source 
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:
Teriuihi 2024-08-11 19:13:49 +02:00
parent 30720d0738
commit 1c4f4b154b
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/verify_email/ThankYou.css
View File

@ -37,4 +37,16 @@ table {
.form-data-value { .form-data-value {
border: 1px solid #ddd; border: 1px solid #ddd;
padding: 10px; padding: 10px;
}
.fields {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 1020px;
width: 80%;
}
.field {
margin-bottom: 20px;
} }

2
src/components/verify_email/thank_you.tsx
View File

@ -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> <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"> <div className="fields">
{Object.entries(formData).map(([key, value]) => ( {Object.entries(formData).map(([key, value]) => (
<div> <div className={"field"}>
<p><strong>{key}</strong></p> <p><strong>{key}</strong></p>
{ {
typeof value === "string" && value.includes("\n") ? typeof value === "string" && value.includes("\n") ?