mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 09:18:59 +00:00
133 lines
2.0 KiB
SCSS
133 lines
2.0 KiB
SCSS
.manage-schedule-page {
|
|
&__header-wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 38px;
|
|
}
|
|
|
|
&__header {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.form-field {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
&__text {
|
|
margin-right: $pad-large;
|
|
}
|
|
|
|
&__title {
|
|
font-size: $large;
|
|
|
|
.fleeticon {
|
|
color: $core-fleet-blue;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.fleeticon-success-check {
|
|
color: $ui-success;
|
|
}
|
|
|
|
.fleeticon-offline {
|
|
color: $ui-error;
|
|
}
|
|
|
|
.fleeticon-mia {
|
|
color: $core-fleet-black;
|
|
}
|
|
}
|
|
|
|
&__description {
|
|
margin: 0;
|
|
margin-bottom: $pad-xxlarge;
|
|
|
|
h2 {
|
|
text-transform: uppercase;
|
|
color: $core-fleet-black;
|
|
font-weight: $regular;
|
|
font-size: $small;
|
|
}
|
|
|
|
p {
|
|
color: $core-dark-blue-grey;
|
|
margin: 0;
|
|
font-size: $x-small;
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
&__action-button-container {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.button {
|
|
font-size: $x-small;
|
|
|
|
img {
|
|
transform: scale(0.5);
|
|
}
|
|
}
|
|
|
|
&__advanced-button {
|
|
margin-right: $pad-medium;
|
|
}
|
|
|
|
&__modal-buttons {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
|
|
.button:first-child {
|
|
margin-right: $pad-medium;
|
|
}
|
|
}
|
|
|
|
.Select.is-open {
|
|
.Select-value-label {
|
|
color: $core-vibrant-blue !important;
|
|
}
|
|
}
|
|
|
|
&__details {
|
|
display: inline-flex;
|
|
vertical-align: middle;
|
|
margin-left: $pad-small;
|
|
margin-top: -20px;
|
|
|
|
.hint {
|
|
color: $core-fleet-black;
|
|
|
|
&--brand {
|
|
color: $core-vibrant-blue;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__all-teams-table {
|
|
.table-container__header {
|
|
height: 0;
|
|
}
|
|
|
|
th {
|
|
border-right: 1px solid #e2e4ea !important;
|
|
}
|
|
|
|
.query_name__header {
|
|
width: calc(50%);
|
|
}
|
|
|
|
.interval__header {
|
|
width: calc(20%);
|
|
}
|
|
|
|
.performance_header {
|
|
width: calc(30%);
|
|
max-width: none;
|
|
}
|
|
}
|
|
}
|