Refactor AuthDialog to remove captcha handling and improve dialog display options

This commit is contained in:
masoodafar-web
2025-11-14 10:49:46 +03:30
parent 07ea8f0f47
commit e86cb7aa47
6 changed files with 133 additions and 34 deletions
+105 -14
View File
@@ -72,23 +72,106 @@ html, body {
}
/* Typography variants override to match previous settings */
.mud-typography-h1 { font-family: var(--app-font-family); font-size: 2rem; font-weight: 700; line-height: 1.70; letter-spacing: normal; }
.mud-typography-h2 { font-family: var(--app-font-family); font-size: 1.875rem; font-weight: 700; line-height: 1.65; letter-spacing: normal; }
.mud-typography-h3 { font-family: var(--app-font-family); font-size: 1.5rem; font-weight: 700; line-height: 1.60; letter-spacing: normal; }
.mud-typography-h4 { font-family: var(--app-font-family); font-size: 1.25rem; font-weight: 700; line-height: 1.55; letter-spacing: normal; }
.mud-typography-h5 { font-family: var(--app-font-family); font-size: 1.125rem; font-weight: 700; line-height: 1.50; letter-spacing: normal; }
.mud-typography-h6 { font-family: var(--app-font-family); font-size: 1rem; font-weight: 700; line-height: 1.45; letter-spacing: normal; }
.mud-typography-h1 {
font-family: var(--app-font-family);
font-size: 2rem;
font-weight: 700;
line-height: 1.70;
letter-spacing: normal;
}
.mud-typography-subtitle1 { font-family: var(--app-font-family); font-size: 1rem; font-weight: 500; line-height: 1.62; letter-spacing: normal; }
.mud-typography-subtitle2 { font-family: var(--app-font-family); font-size: 0.875rem; font-weight: 500; line-height: 1.60; letter-spacing: normal; }
.mud-typography-h2 {
font-family: var(--app-font-family);
font-size: 1.875rem;
font-weight: 700;
line-height: 1.65;
letter-spacing: normal;
}
.mud-typography-body1 { font-family: var(--app-font-family); font-size: 1rem; font-weight: 400; line-height: 1.85; letter-spacing: normal; }
.mud-typography-body2 { font-family: var(--app-font-family); font-size: 0.875rem; font-weight: 400; line-height: 1.80; letter-spacing: normal; }
.mud-typography-h3 {
font-family: var(--app-font-family);
font-size: 1.5rem;
font-weight: 700;
line-height: 1.60;
letter-spacing: normal;
}
.mud-typography-caption { font-family: var(--app-font-family); font-size: 0.75rem; font-weight: 400; line-height: 1.60; letter-spacing: normal; }
.mud-typography-overline { font-family: var(--app-font-family); font-size: 0.75rem; font-weight: 500; line-height: 1.60; letter-spacing: normal; }
.mud-typography-h4 {
font-family: var(--app-font-family);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.55;
letter-spacing: normal;
}
.mud-typography-h5 {
font-family: var(--app-font-family);
font-size: 1.125rem;
font-weight: 700;
line-height: 1.50;
letter-spacing: normal;
}
.mud-typography-h6 {
font-family: var(--app-font-family);
font-size: 1rem;
font-weight: 700;
line-height: 1.45;
letter-spacing: normal;
}
.mud-typography-subtitle1 {
font-family: var(--app-font-family);
font-size: 1rem;
font-weight: 500;
line-height: 1.62;
letter-spacing: normal;
}
.mud-typography-subtitle2 {
font-family: var(--app-font-family);
font-size: 0.875rem;
font-weight: 500;
line-height: 1.60;
letter-spacing: normal;
}
.mud-typography-body1 {
font-family: var(--app-font-family);
font-size: 1rem;
font-weight: 400;
line-height: 1.85;
letter-spacing: normal;
}
.mud-typography-body2 {
font-family: var(--app-font-family);
font-size: 0.875rem;
font-weight: 400;
line-height: 1.80;
letter-spacing: normal;
}
.mud-typography-caption {
font-family: var(--app-font-family);
font-size: 0.75rem;
font-weight: 400;
line-height: 1.60;
letter-spacing: normal;
}
.mud-typography-overline {
font-family: var(--app-font-family);
font-size: 0.75rem;
font-weight: 500;
line-height: 1.60;
letter-spacing: normal;
}
.mud-button-label {
text-transform: none;
}
.mud-button-label { text-transform: none; }
/*#endregion*/
/*#region Layout Styles*/
@@ -111,6 +194,7 @@ html, body {
.mud-main-content > div:first-child {
flex: 1;
}
/*#endregion*/
/*#region Footer Styles*/
@@ -244,6 +328,7 @@ html, body {
.mud-theme-dark .stats-grid .mud-paper {
background: linear-gradient(135deg, var(--mud-palette-dark-surface) 0%, var(--mud-palette-dark-surface-variant) 100%);
}
/*#endregion*/
/*#region Registration Wizard*/
.wizard-section {
@@ -259,7 +344,7 @@ html, body {
border-radius: 16px;
border: 1px solid transparent;
background: linear-gradient(var(--mud-palette-surface), var(--mud-palette-surface)) padding-box,
linear-gradient(135deg, rgba(123, 97, 255, 0.4), rgba(255, 140, 189, 0.4)) border-box;
linear-gradient(135deg, rgba(123, 97, 255, 0.4), rgba(255, 140, 189, 0.4)) border-box;
}
.captcha-box {
@@ -282,5 +367,11 @@ html, body {
padding: 1.5rem !important;
}
}
/*#endregion*/
/*#endregion*/
@media (max-width: 768px) {
#registration-stepper .mud-stepper-content {
padding: 0 10px !important;
}
}