mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-27 09:42:16 +00:00
* fix: is default * fix: feature tile in org, iam, neutral color for info boxes * lint * consolidation, ui elements * feat(console): angular 12, migrate deprecated grpc to @grpc/grpc-js (#1741) * update cli core * update material * mig * migrate grpc to grpc-js * audit * lint * node lts version, ng12 deprecation * rem comment * disable inlinestyles * fix iam feature link, binding
56 lines
1.1 KiB
SCSS
56 lines
1.1 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);
|
|
$primary-dark: mat.get-color-from-palette($primary, A800);
|
|
/* stylelint-enable */
|
|
|
|
$lighter-color: rgba(mat.get-color-from-palette($primary, 300), .5);
|
|
|
|
.detail-container {
|
|
width: 100%;
|
|
display: flex;
|
|
padding-bottom: 3rem;
|
|
|
|
.detail-left {
|
|
align-self: flex-start;
|
|
width: 100px;
|
|
display: flex;
|
|
padding: 1rem;
|
|
padding-top: 0;
|
|
justify-content: center;
|
|
|
|
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);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|