Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 829b5357 authored by theronakpatel's avatar theronakpatel
Browse files

Fix: Apply consistent CSS responsive pattern across all form components

- Updated CaptchaForm.vue: max-width + width: 100% + mobile max-width: 90vw
- Updated RecoveryEmailForm.vue: max-width + width: 100% + mobile max-width: 90vw
- Updated RegistrationForm.vue: added mobile max-width: 90vw
- Updated SuccessSection.vue: added mobile max-width: 90vw
- Updated HCaptchaForm.vue: added width: 100% + mobile max-width: 90vw

All forms now follow consistent responsive design pattern:
- Desktop: max-width with px values + width: 100%
- Mobile: max-width: 90vw for better responsive behavior
- Eliminates inconsistent px/vw mixing
parent 7103d6db
Loading
Loading
Loading
Loading
Loading
+3 −2
Original line number Diff line number Diff line
@@ -117,7 +117,8 @@ export default {
</script>
<style scoped>
#captchaForm {
	width: 500px;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}
@@ -136,7 +137,7 @@ export default {

@media screen and (max-width: 768px) {
	#captchaForm {
		width: 80vw;
		max-width: 90vw;
	}
	#registerHeading {
		font-size: 1.5em;
+4 −0
Original line number Diff line number Diff line
@@ -45,6 +45,7 @@ export default {
<style scoped>
#hcaptchaForm {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}
@@ -54,6 +55,9 @@ export default {
}

@media screen and (max-width: 768px) {
	#hcaptchaForm {
		max-width: 90vw;
	}
	#registerHeading {
		font-size: 1.5em;
	}
+3 −2
Original line number Diff line number Diff line
@@ -97,7 +97,8 @@ export default {
	text-align: justify;
}
#recoveryEmailForm {
	width: 500px;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}
@@ -126,7 +127,7 @@ export default {

@media screen and (max-width: 768px) {
	#recoveryEmailForm {
		width: 80vw;
		max-width: 90vw;
	}
	#fields .field {
		font-size: 1.0em;
+3 −0
Original line number Diff line number Diff line
@@ -528,6 +528,9 @@ span.action-checkbox.required:after {
	}
}
@media screen and (max-width: 768px) {
	#registrationForm {
		max-width: 90vw;
	}
	.password-group {
		display: block;
	}
+3 −0
Original line number Diff line number Diff line
@@ -62,6 +62,9 @@ export default {
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	#successSection {
		max-width: 90vw;
	}
	#successMessages {
		margin-left: 5%;
		margin-right: 5%;