fleet/frontend/components/Queries/NewQuery/SaveQuerySection/styles.js
Mike Stone 32f291a064 New query page (#254)
* Sidebar/Layout improvements

* New Query route and page

* Display text editor

* Gradient style longhand

* Slider button component

* Move new query section to component

* Kolide Ace theme

* Styles slider on page

* run query on CMD + Enter

* clicking hosts sends user to homepage

* SaveQueryForm component

* Splits NewQuery component JSX into multiple dumb components

* InputField component

* save query form

* new query

* styleguide

* moves all new query form logic to the new query form

* Kolide theme for osquery tables
2016-09-30 14:55:15 -04:00

38 lines
835 B
JavaScript

import Styles from '../../../../styles';
const { color, font } = Styles;
export default {
saveQuerySection: {
alignItems: 'flex-end',
display: 'flex',
justifyContent: 'space-between',
},
saveTextWrapper: {
display: 'inline-block',
width: '440px',
'@media (max-width: 911px)': {
width: '400px',
},
},
saveWrapper: {
alignItems: 'center',
display: 'flex',
},
sliderTextDontSave: (saveQuery) => {
return {
color: saveQuery ? color.textDark : color.textUltradark,
textTransform: 'uppercase',
fontSize: font.small,
marginRight: '5px',
};
},
sliderTextSave: (saveQuery) => {
return {
color: saveQuery ? color.brand : color.textMedium,
textTransform: 'uppercase',
fontSize: font.small,
marginLeft: '5px',
};
},
};