Files
zitadel/console/src/app/modules/detail-layout/detail-layout.component.scss
T
Max PeintnerandGitHub 74ff154b19 feat(console): angular 12, migrate grpc lib, ui element fixes (#1740)
* 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
2021-06-01 07:02:49 +02:00

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);
}
}
}
}
}