73 lines
997 B
SCSS
73 lines
997 B
SCSS
@import 'src/theme/_colors.scss';
|
|
|
|
.settings {
|
|
padding: 8px 32px;
|
|
|
|
&__content {
|
|
height: calc(100vh - 116px);
|
|
overflow-y: scroll;
|
|
padding: 4px;
|
|
}
|
|
|
|
&__domain-name {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
&__buttons {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
&__button--primary {
|
|
background-color: $aquamarine;
|
|
color: white;
|
|
margin: 4px;
|
|
}
|
|
|
|
&__button--secondary {
|
|
background-color: #fff;
|
|
margin: 4px;
|
|
}
|
|
|
|
&__spacer {
|
|
height: 24px;
|
|
}
|
|
|
|
&__grid {
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-columns: 300px 1fr 1fr;
|
|
}
|
|
|
|
&__text {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
&__grid--center {
|
|
align-self: center;
|
|
}
|
|
|
|
&__grid--two-columns {
|
|
grid-column: 2 / 4;
|
|
}
|
|
|
|
&__color {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
&__colors--input {
|
|
width: 100px;
|
|
}
|
|
|
|
&__icon {
|
|
color: $aquamarine;
|
|
}
|
|
}
|
|
|
|
::ng-deep .ng-invalid.ng-touched:not(form) {
|
|
box-shadow: unset;
|
|
}
|