Refactor AuthDialog to remove captcha handling and improve dialog display options
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user