I am currently developing a login feature for an Angular 5 application. As part of this, I have implemented an Angular Material Design popup.
Within the dialog screen, I have a specific process in place:
The system checks the user's email to determine whether to enable the signup form or password field.
Initially, the height and width of the dialog are set to 100 * 100 for the email input.
If the user is new, the signup form will be enabled, and I need to adjust the dimensions to 300*100 for this case.
However, if the user already exists, the password field will be enabled along with the email input. In that scenario, the dimensions should be adjusted to 200 * 100.
Despite my best efforts, as a newcomer to this technology, I have been unable to find a solution even after searching on platforms like Stack Overflow.
myAccountClick(event) {
const dialogScreen = this.dialog.open(MyaccountComponent,{height:'100px',width:'100px'});
}
Any assistance in resolving this issue would be greatly appreciated.