mirror of
https://github.com/empayre/fleet.git
synced 2024-11-08 01:38:57 +00:00
5dd9b75e9c
The goal of this PR is to update the style across the query and packs pages so they are consistent with the latest global styles (colors, buttons, and fonts).
78 lines
1.1 KiB
SCSS
78 lines
1.1 KiB
SCSS
.manage-queries-page {
|
|
&__delete-queries-btn {
|
|
font-size: 15px;
|
|
font-weight: $regular;
|
|
}
|
|
|
|
&__header-wrap {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
&__ctas {
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
}
|
|
|
|
&__query-count {
|
|
color: $core-dark-blue-grey;
|
|
font-size: $x-small;
|
|
font-weight: $bold;
|
|
margin: 0 12px 0 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
&__filter-and-cta {
|
|
display: flex;
|
|
margin-bottom: $pad-small;
|
|
|
|
.form-field {
|
|
margin: 0;
|
|
}
|
|
|
|
input {
|
|
&[name='query-filter'] {
|
|
width: 100%;
|
|
margin-top: 24px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__filter-queries {
|
|
flex-grow: 1;
|
|
position: relative;
|
|
|
|
.input-field {
|
|
padding-left: 42px;
|
|
}
|
|
|
|
.kolidecon {
|
|
position: absolute;
|
|
top: 36px;
|
|
left: 9px;
|
|
font-size: 18px;
|
|
color: $ui-medium-grey;
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
margin: 0 0 12px;
|
|
}
|
|
|
|
&__wrapper {
|
|
padding: 50px 30px;
|
|
min-height: 90vh;
|
|
}
|
|
|
|
&__modal-btn-wrap {
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
|
|
.button {
|
|
margin-left: 15px;
|
|
width: 120px;
|
|
}
|
|
}
|
|
}
|
|
|