diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-04-28 15:28:17 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-04-28 15:28:17 +0300 |
commit | 6b73ccbfeb4dd2bab907e6226e0655de99a56e13 (patch) | |
tree | a150912d797c0be22a8bdf4950cd1ad1c8d8ee73 /src/assets/styles/bmc | |
parent | 3f9ce4eaf391733e8769caec8da84302c012b21e (diff) | |
download | webui-vue-6b73ccbfeb4dd2bab907e6226e0655de99a56e13.tar.xz |
restyled header and add subheader
Diffstat (limited to 'src/assets/styles/bmc')
-rw-r--r-- | src/assets/styles/bmc/custom/_buttons.scss | 12 | ||||
-rw-r--r-- | src/assets/styles/bmc/helpers/_colors.scss | 11 | ||||
-rw-r--r-- | src/assets/styles/bmc/helpers/_variables.scss | 3 |
3 files changed, 15 insertions, 11 deletions
diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss index 210aef90..5b0d1e31 100644 --- a/src/assets/styles/bmc/custom/_buttons.scss +++ b/src/assets/styles/bmc/custom/_buttons.scss @@ -21,7 +21,7 @@ } .btn-primary { - background-color: $button-colour; + background-color: $button-color; border-radius: 8px; border: none; font-family: Inter; @@ -30,23 +30,23 @@ font-size: 16px; line-height: 20px; &:hover { - background-color: $button-colour-hover; + background-color: $button-color-hover; } &:not(:disabled):not(.disabled):active:focus, &:focus-visible { border: none; box-shadow: none; - background-color: $button-colour-click; + background-color: $button-color-click; } &:focus { border: none; - box-shadow: none; - background-color: $button-colour; + box-shadow: 0px 0px 0px 4px rgba(225, 23, 23, 0.5); + background-color: $button-color; } &:active { border: none; box-shadow: none; - background-color: $button-colour; + background-color: $button-color; } } diff --git a/src/assets/styles/bmc/helpers/_colors.scss b/src/assets/styles/bmc/helpers/_colors.scss index 4e9dd738..d6412140 100644 --- a/src/assets/styles/bmc/helpers/_colors.scss +++ b/src/assets/styles/bmc/helpers/_colors.scss @@ -45,8 +45,11 @@ $text-h1-color: #0C1C29; $input-background: rgba(26, 62, 91, 0.05); $input-background-hover: rgba(20, 39, 53, 0.103); -$button-colour: #E11717; -$button-colour-hover: #cc1414; -$button-colour-active: #df2323; -$button-colour-click: rgb(114, 1, 1); +$button-color: #E11717; +$button-color-hover: #FC2A2A; +$button-color-active: #df2323; +$button-color-disabled: #E17171; +$button-color-click: #C71414; + +$nav-link-bg: rgba(225, 23, 23, 0.4); diff --git a/src/assets/styles/bmc/helpers/_variables.scss b/src/assets/styles/bmc/helpers/_variables.scss index ba32e3bd..0c8763b0 100644 --- a/src/assets/styles/bmc/helpers/_variables.scss +++ b/src/assets/styles/bmc/helpers/_variables.scss @@ -7,7 +7,8 @@ $transition-collapse: height $duration--slow-01 $standard-easing--expres // OpenBMC Custom Variables $responsive-layout-bp: lg; -$header-height: 48px; +$top-header-height: 56px; +$header-height: 95px; $navigation-width: 300px; $form-label-font-size: .875rem; $form-line-height: 1.25rem; |