fleet/frontend/components/forms/_styles.scss

.form {
  &__base-error {
    background-color: $ui-error;
    border-radius: 3px;
    color: $core-white;
    font-size: $x-small;
    margin-top: 10px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
  }
}
Handle server errors (#730) * consistent error handling * Display server errors in InviteUserForm * Handle errors in Form component * Refactors query form * creates KolideAce component * Renders QueryForm from query page and manage hosts page * Moves ace editor and select targets dropdown to query form * Render base errors in Form HOC * LoginPage and ForgotPasswordPage server errors * Ensure unique key for user blocks * Adds base error to login form and forgot password form * Adds base error to query form * Adds base error to Pack Form * Adds errors to confirm invite form * Adds clearErrors action * clear errors when confirm invite page unmounts * Handle errors in the App Setting page * Handle server errors in the User Settings Page * Handle server errors in the User Management Page 2017-01-06 00:01:17 +00:00			`.form {`
			`&__base-error {`
Align Fleet UI colors with Figma components (#615) - This if the 1st PR as part of the of the Align components in Fleet UI with design system in Figma #539 - These changes replace all the color variables in /styles/var/colors.scss with new colors and naming convention used in Figma. 2021-04-09 19:04:11 +00:00			`background-color: $ui-error;`
Handle server errors (#730) * consistent error handling * Display server errors in InviteUserForm * Handle errors in Form component * Refactors query form * creates KolideAce component * Renders QueryForm from query page and manage hosts page * Moves ace editor and select targets dropdown to query form * Render base errors in Form HOC * LoginPage and ForgotPasswordPage server errors * Ensure unique key for user blocks * Adds base error to login form and forgot password form * Adds base error to query form * Adds base error to Pack Form * Adds errors to confirm invite form * Adds clearErrors action * clear errors when confirm invite page unmounts * Handle errors in the App Setting page * Handle server errors in the User Settings Page * Handle server errors in the User Management Page 2017-01-06 00:01:17 +00:00			`border-radius: 3px;`
Align Fleet UI colors with Figma components (#615) - This if the 1st PR as part of the of the Align components in Fleet UI with design system in Figma #539 - These changes replace all the color variables in /styles/var/colors.scss with new colors and naming convention used in Figma. 2021-04-09 19:04:11 +00:00			`color: $core-white;`
Align Fleet UI with Figma (spacing and fonts) (#628) This if the 2nd PR as part of the of the Align components in Fleet UI with design system in Figma #539 These changes refactor the spacing and font sizes used by the frontend. - Change the scss variables in `padding.scss` and `fonts.scss`. - Replace custom styles with the new variables throughout all stylesheets. 2021-04-10 00:30:42 +00:00			`font-size: $x-small;`
Handle server errors (#730) * consistent error handling * Display server errors in InviteUserForm * Handle errors in Form component * Refactors query form * creates KolideAce component * Renders QueryForm from query page and manage hosts page * Moves ace editor and select targets dropdown to query form * Render base errors in Form HOC * LoginPage and ForgotPasswordPage server errors * Ensure unique key for user blocks * Adds base error to login form and forgot password form * Adds base error to query form * Adds base error to Pack Form * Adds errors to confirm invite form * Adds clearErrors action * clear errors when confirm invite page unmounts * Handle errors in the App Setting page * Handle server errors in the User Settings Page * Handle server errors in the User Management Page 2017-01-06 00:01:17 +00:00			`margin-top: 10px;`
			`padding: 5px 0;`
			`text-align: center;`
			`width: 100%;`
			`}`
			`}`