Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug #230399 - [Learnathon-submission form popup] - Inconsistent button size on submission popup.[PFA] #805

Merged
merged 1 commit into from
Dec 3, 2024
Merged

Bug #230399 - [Learnathon-submission form popup] - Inconsistent button size on submission popup.[PFA] #805

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 25 additions & 23 deletions packages/nulp_elite/src/pages/learnathon/lernCreatorForm.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ import industrytnc from "../../assets/industry-tnc.pdf";
import acdemiatnc from "../../assets/academia-tnc.pdf";
import statetnc from "../../assets/state-tnc.pdf";
import Loader from "components/Loader";

import Checkbox from '@mui/material/Checkbox';
import Alert from "@mui/material/Alert";
const routeConfig = require("../../configs/routeConfig.json");

Expand Down Expand Up @@ -1517,11 +1517,8 @@ const LernCreatorForm = () => {
</Typography>

{/* Modal Actions */}
<div style={{ marginTop: "20px" }}>
<div
style={{
padding: "5px",
}}
<Box style={{ marginTop: "20px", display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
<Box
>
<Button
variant="contained"
Expand All @@ -1533,20 +1530,18 @@ const LernCreatorForm = () => {
>
{t("PROCEED")}
</Button>
</div>
<div
style={{
padding: "5px",
}}
</Box>
<Box
ml={'20px'}
>
<Button
className="cancelBtn"
onClick={() => setOpenConfirmModal(false)}
>
{t("CANCEL")}
</Button>
</div>
</div>
</Box>
</Box>
</div>
</Modal>
)}
Expand Down Expand Up @@ -1677,18 +1672,21 @@ const LernCreatorForm = () => {
padding: "20px",
borderRadius: "8px",
boxShadow: "rgba(0, 0, 0, 0.24) 0px 3px 8px",
width: "400px",
textAlign: "center",
width: "600px",
textAlign: "justify",
}}
>
<Typography
variant="h6"
id="confirmation-modal-title"
gutterBottom
style={{
textAlign: "center"
}}
>
{t("TNC")}
</Typography>
<Typography>
<p>
What is Lorem Ipsum? Lorem Ipsum is simply dummy
text of the printing and typesetting industry. Lorem
Ipsum has been the industry's standard dummy text
Expand All @@ -1714,12 +1712,16 @@ const LernCreatorForm = () => {
Various versions have evolved over the years,
sometimes by accident, sometimes on purpose
(injected humour and the like).
</Typography>
</p>

{/* Modal Actions */}
<Box style={{ marginTop: "20px", textAlign: 'center' }}>
<FormControlLabel control={<Checkbox />} label="I here by confirm that I accept the above mentioned terms and conditions " />
</Box>


<div style={{ marginTop: "20px" }}>
<div
<Box style={{ marginTop: "20px", display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
<Box
style={{
padding: "5px",
}}
Expand All @@ -1731,8 +1733,8 @@ const LernCreatorForm = () => {
>
{t("CONFIRM")}
</Button>
</div>
<div
</Box>
<Box
style={{
padding: "5px",
}}
Expand All @@ -1743,8 +1745,8 @@ const LernCreatorForm = () => {
>
{t("CANCEL")}
</Button>
</div>
</div>
</Box>
</Box>
</div>
</Modal>
)}
Expand Down
Loading