Files
zitadel/console/src/app/modules/detail-layout/detail-layout.component.scss
T
Max PeintnerandGitHub 490cafa538 feat(console): user metadata, rehaul detail pages (#2209)
* service, sidenav, i18n, dialog

* detail layout, user detail

* metadata dialog from

* dialog

* features

* formarray

* metadata component

* comp

* user metadata refresh

* use formarray, control, bulk save

* metadata revert, has feature directive

* lint

* lint

* typo

* info row user, warn color optim

* card cleanup, actions for user detail

* project, org, user, app rehaul

* lint

* scss

* digit fix

* features and project grid rehaul

* info-section layout, org domain info

* readd palette scss

* add svg email warn

* missing translation

* rm unused ts

* lockoutpolicy

* check for lockout feature
2021-09-13 13:38:57 +02:00

63 lines
1.2 KiB
SCSS

@use '~@angular/material' as mat;
@mixin detail-layout-theme($theme) {
/* stylelint-disable */
$primary: map-get($theme, primary);
$primary-color: mat.get-color-from-palette($primary, 500);
$is-dark-theme: map-get($theme, is-dark);
/* stylelint-enable */
$lighter-color: rgba(mat.get-color-from-palette($primary, 300), .5);
.detail-container {
display: flex;
flex-direction: column;
padding-bottom: 3rem;
@media only screen and (min-width: 550px) {
flex-direction: row;
}
.detail-left {
align-self: flex-start;
display: flex;
padding: 1rem;
padding-top: 0;
justify-content: center;
@media only screen and (min-width: 550px) {
width: 100px;
}
a {
margin-top: 13px;
color: inherit;
}
}
.detail-right {
flex: 1;
padding-left: 1rem;
@media only screen and (max-width: 500px) {
flex-basis: 100%;
}
.head {
margin-bottom: 2rem;
h1 {
font-size: 1.5rem;
margin-top: 10px;
}
.desc {
display: block;
font-size: .9rem;
color: var(--grey);
}
}
}
}
}