style: fixed the hero section on mobile

The email textbox was becoming too small.
This commit is contained in:
Anand Chitipothu
2021-05-06 20:53:14 +05:30
parent bb80d988d7
commit 358724bf1c

View File

@@ -1,40 +1,32 @@
<form id="invite-request-form">
<input class="form-control field-width mr-5" id="invite_email" type="email" placeholder="Email Address">
<div class="row">
<div class="col-md">
<input class="form-control w-100 mr-5 mb-5 mt-2" id="invite_email" type="email" placeholder="Email Address">
</div>
<div class="col-md">
<a type="submit" id="submit-invite-request" class="btn btn-primary btn-lg" href="#" role="button">Request Invite</a>
</div>
</div>
</form>
<script>
frappe.ready(() => {
$("#submit-invite-request").click(function () {
var invite_email = $("#invite_email").val()
frappe.call({
method: "community.lms.doctype.invite_request.invite_request.create_invite_request",
args: {
invite_email: invite_email
invite_email: $("#invite_email").val()
},
callback: (data) => {
$("#invite-request-form").hide();
if (data.message == "OK") {
$("#invite-request-form").hide();
var message = `<div>
<p class="lead">Thanks for your interest in Mon School. We have recorded your interest and we will get back to you shortly.</p>
<p class="lead alert alert-message">Thanks for your interest in Mon School. We have recorded your interest and we will get back to you shortly.</p>
</div>`;
}
else if (data.message == "invite") {
var message = `<div>
<p class="lead">Email ${invite_email} has already been used to request an invitation.</p>
</div>`;
}
else if (data.message == "user") {
var message = `<div>
<p class="lead">Looks like there is already an account with email ${invite_email}. Would you like to <a href="/login">login</a>.</p>
</div>`;
}
$(".jumbotron").append(message);
}
}
})
})
})
})
</script>