mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-23 07:52:15 +00:00
33ae935bf6
* cli core, migrations * material * input directive * fresh lock * update oidc lib * use angular-eslint next for ng 13 * clean lock * change qrcode lib, env * eslint * deps * grpc libs update, grpc web 1.0.3, rev env * remove grpc-web from build/zitadel/Dockerfile Co-authored-by: Livio Amstutz <[email protected]>
78 lines
1.6 KiB
SCSS
78 lines
1.6 KiB
SCSS
@use '@angular/material' as mat;
|
|
|
|
@mixin info-row-theme($theme) {
|
|
$foreground: map-get($theme, foreground);
|
|
$button-text-color: map-get($foreground, text);
|
|
$button-disabled-text-color: map-get($foreground, disabled-button);
|
|
|
|
.info-row {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 0 -.5rem;
|
|
|
|
@media only screen and (min-width: 500px) {
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: .5rem .5rem;
|
|
flex: 1;
|
|
align-items: flex-start;
|
|
box-sizing: border-box;
|
|
|
|
&:not(.width) {
|
|
min-width: 100px;
|
|
}
|
|
|
|
.title {
|
|
font-size: 14px;
|
|
color: var(--grey);
|
|
margin: 0;
|
|
}
|
|
|
|
.desc {
|
|
margin: .5rem 0;
|
|
font-size: 14px;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.copy-row {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
align-items: stretch;
|
|
|
|
button {
|
|
transition: opacity .15s ease-in-out;
|
|
background-color: #8795a110;
|
|
border: 1px solid #8795a160;
|
|
border-radius: 4px;
|
|
padding: .25rem 1rem;
|
|
margin: .25rem 0;
|
|
color: $button-text-color;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
|
|
&[disabled] {
|
|
color: $button-disabled-text-color;
|
|
}
|
|
}
|
|
|
|
.environment {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
margin: .25rem 0;
|
|
|
|
.key {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|