From c7a5170c2208dc439c88868e09674ac1249943ed Mon Sep 17 00:00:00 2001 From: Layne Date: Sat, 18 Sep 2021 01:27:31 -0400 Subject: [PATCH] new header ig --- .../card/content/NitroCardContentView.scss | 6 ----- .../card/header/NitroCardHeaderView.scss | 25 ++++++++++++------- .../card/header/NitroCardHeaderView.tsx | 4 +-- 3 files changed, 18 insertions(+), 17 deletions(-) diff --git a/src/layout/card/content/NitroCardContentView.scss b/src/layout/card/content/NitroCardContentView.scss index c681fd34..9ffd6fe9 100644 --- a/src/layout/card/content/NitroCardContentView.scss +++ b/src/layout/card/content/NitroCardContentView.scss @@ -2,15 +2,9 @@ padding-top: $container-padding-x; padding-bottom: $container-padding-x; overflow: auto; - - &.simple { - padding-left: ($container-padding-x + 25px); - padding-right: ($container-padding-x + 25px); - } } @include media-breakpoint-down(lg) { - .content-area { height: 100% !important; min-height: auto !important; diff --git a/src/layout/card/header/NitroCardHeaderView.scss b/src/layout/card/header/NitroCardHeaderView.scss index b3142be8..b81b748e 100644 --- a/src/layout/card/header/NitroCardHeaderView.scss +++ b/src/layout/card/header/NitroCardHeaderView.scss @@ -2,7 +2,6 @@ min-height: 33px; max-height: 33px; white-space: nowrap; - overflow: hidden; .header-text { margin: 0 35px; @@ -10,19 +9,22 @@ &.simple-header { min-height: 28px; - max-height: 28px; + + .header-close { + font-size: 12px; + } } .bg-tertiary-split { position: relative; - border: 2px solid darken($quaternary, 4); - box-shadow: 0 0 0 2px $white; + border-bottom: 2px solid darken($quaternary, 5); + box-shadow: 0 2px white; width: 100%; - margin: 0 25px; + margin: 0; &:before { position: absolute; - content: ' '; + content: " "; top: 0; left: 0; width: 100%; @@ -36,15 +38,20 @@ border-radius: $border-radius; box-shadow: 0 0 0 1.5px $white; border: 2px solid #921911; - background: repeating-linear-gradient(rgba(245,80,65,1), rgba(245,80,65,1) 50%, rgba(194,48,39,1) 50%, rgba(194,48,39,1) 100%); + background: repeating-linear-gradient( + rgba(245, 80, 65, 1), + rgba(245, 80, 65, 1) 50%, + rgba(194, 48, 39, 1) 50%, + rgba(194, 48, 39, 1) 100% + ); cursor: pointer; line-height: 1; padding: 1px 3px; - + &:hover { filter: brightness(1.2); } - + &:active { filter: brightness(0.8); } diff --git a/src/layout/card/header/NitroCardHeaderView.tsx b/src/layout/card/header/NitroCardHeaderView.tsx index 3be15c6d..b964fe46 100644 --- a/src/layout/card/header/NitroCardHeaderView.tsx +++ b/src/layout/card/header/NitroCardHeaderView.tsx @@ -18,8 +18,8 @@ export const NitroCardHeaderView: FC = props => return (
-
-
{ headerText }
+
+
{ headerText }