Files
zitadel/console/src/app/modules/info-section/info-section.component.scss
T
Max PeintnerGitHubdependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>Livio Spring
a262595fc2 feat(console): add otp sms and otp email as factor (#6343)
* cli, core

* material cdk

* schematics

* chore(deps-dev): bump eslint from 8.40.0 to 8.44.0 in /console (#6127)

Bumps [eslint](https://github.com/eslint/eslint) from 8.40.0 to 8.44.0.
- [Release notes](https://github.com/eslint/eslint/releases)
- [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/eslint/eslint/compare/v8.40.0...v8.44.0)

---
updated-dependencies:
- dependency-name: eslint
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* npm

* feat: add otp sms button

* lock

* rm package-lock

* prompt to setup sms otp on verify

* cli, core

* material, cdk

* schematics

* otp email

* show type

* show type on mgmt page

* disable selection on add

* rename totp

* fix totp i18n

* directly use data, fix styles

* sms req

* fix type check

* fix delete

* rm comment

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Livio Spring <[email protected]>
2023-08-16 04:37:16 +00:00

73 lines
1.6 KiB
SCSS

@use '@angular/material' as mat;
@mixin info-section-theme($theme) {
$primary: map-get($theme, primary);
$background: map-get($theme, background);
$foreground: map-get($theme, foreground);
$primary-color: mat.get-color-from-palette($primary, 500);
$is-dark-theme: map-get($theme, is-dark);
.info-section-row {
display: flex;
border-radius: 4px;
padding: 0.5rem 0;
padding-right: 1rem;
font-size: 14px;
margin: 0.5rem 0;
box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
&.fit {
width: fit-content;
}
.icon {
margin-right: 1rem;
height: 1.2rem;
line-height: 1.2rem;
font-size: 1.2rem;
margin-left: 0.5rem;
padding: 0.25rem 0;
}
.info-section-content {
flex: 1;
}
&.info {
background-color: map-get($background, infosection);
color: map-get($foreground, infosection);
.icon {
color: map-get($foreground, infosection);
}
}
&.success {
background-color: map-get($background, successinfosection);
color: map-get($foreground, successinfosection);
.icon {
color: map-get($foreground, successinfosection);
}
}
&.warn {
background-color: map-get($background, warninfosection);
color: map-get($foreground, warninfosection);
.icon {
color: map-get($foreground, warninfosection);
}
}
&.alert {
background-color: map-get($background, alertinfosection);
color: map-get($foreground, alertinfosection);
.icon {
color: map-get($foreground, alertinfosection);
}
}
}
}