fleet/website/assets/styles/pages/connect-vanta.less
Eric ace1fa0d37
Website: Add Vanta integration (#9072)
* stubing out required pages

* Add Vanta authorization action, create externalAuthorization(name will most likely change) Model

* rebuild cloud sdk

* Draft script

* update importer, update connect-vanta page

* layout updates

* update action

* change model name

* update model name

* update script

* Update vanta callback page

* add new model to lint config

* update model attributes

* update vanta connection page to require url protocol, fix lint error in routes

* rename page, vanta-callback » vanta-authorization

* Update errors, handle incomplete connections

* Update model attribute names

* Remove console.log(), add error message for non-Fleet Premium users

* update importer, fix lint error

* update send-data-to-vanta script

* Update create-vanta-authorization-request.js

* update page name

* update comments and error messages

* layout changes

* update status codes used in exits

* Add comment

* Update .eslintrc

* Update create-vanta-authorization-request.js

* Update view-vanta-authorization.js

* Update VantaConnection.js

* Update send-data-to-vanta.js

* Update create-vanta-authorization-request.js

* Update mobile styles

* update text

* update error text, show sucess message if account has already been authorized

* lint fix

Co-authored-by: Mike McNeil <mikermcneil@users.noreply.github.com>
2022-12-21 23:39:39 -06:00

51 lines
873 B
Plaintext
Vendored

#connect-vanta {
padding-top: 80px;
padding-bottom: 80px;
h1 {
font-size: 28px;
line-height: 38px;
}
[purpose='vanta-notes'] {
background-color: @core-vibrant-blue-10;
border-radius: 8px;
padding: 24px;
margin-top: 32px;
margin-bottom: 32px;
}
[purpose='vanta-form'] {
label {
font-weight: 700;
}
input {
height: 40px;
border-radius: 6px;
}
[purpose='input-bottom-label'] {
padding-top: 4px;
font-size: 14px;
line-height: 20px;
}
[purpose='submit-button'] {
border-radius: 6px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
}
@media (max-width: 768px) {
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
@media (max-width: 575px) {
padding-left: 25px;
padding-right: 25px;
}
}