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

src/signup/CaptchaForm.vue

+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;

src/signup/HCaptchaForm.vue

+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;

	}

src/signup/RecoveryEmailForm.vue

+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;

src/signup/RegistrationForm.vue

+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;

	}

src/signup/SuccessSection.vue

+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%;