diff --git a/src/components/node/Tag/styles.scss b/src/components/node/Tag/styles.scss index 34f20e30..238aff8c 100644 --- a/src/components/node/Tag/styles.scss +++ b/src/components/node/Tag/styles.scss @@ -1,4 +1,6 @@ .tag { + @include outer_shadow(); + height: $tag_height; background: $tag_bg; display: flex; @@ -9,8 +11,8 @@ font: $font_14_semibold; align-self: flex-start; padding: 0 8px 0 0; - box-shadow: $shadow_depth_2; - margin: ($gap / 2) $gap ($gap / 2) 0; + // box-shadow: $shadow_depth_2; + margin: 0 $gap $gap 0; position: relative; &:global(.is_hoverable) { @@ -64,7 +66,7 @@ top: 0; bottom: 0; width: 100%; - padding-left: 23px; + padding-left: $tag_height; padding-right: 5px; box-sizing: border-box; } @@ -74,10 +76,10 @@ width: $tag_height; height: $tag_height; display: flex; - margin-right: 3px; + // padding-right: 0px; align-items: center; justify-content: center; - flex: 0 0 22px; + flex: 0 0 $tag_height; &::after { content: ' '; diff --git a/src/styles/colors.scss b/src/styles/colors.scss index abe26770..bffd8115 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -1,4 +1,5 @@ -$red: #ff3344; +// $red: #ff3344; +$red: #da6972; $yellow: #ffd60f; $dark_blue: #3c75ff; $blue: #3ca1ff; @@ -9,7 +10,7 @@ $orange: #ff7549; $grass: #41800d; $wisegreen: #007962; -$red_gradient: linear-gradient(165deg, $orange -50%, $red 150%); +$red_gradient: linear-gradient(165deg, $red, #ea057c 100%); $blue_gradient: linear-gradient(170deg, $green, $dark_blue); $green_gradient: linear-gradient( 170deg, diff --git a/src/styles/variables.scss b/src/styles/variables.scss index e05cd282..3803c192 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -61,7 +61,7 @@ $shadow_depth_2: transparentize(black, 0.8) 0 2px, inset transparentize(white, 0 $comment_shadow: $shadow_depth_2; $node_shadow: transparentize(black, 0.8) 0 2px, transparentize(black, 0.8) 0 2px 4px; -$tag_height: 22px; +$tag_height: 26px; $input_shadow: inset transparentize(white, 0.9) 0 0 0 1px; $input_shadow_error: inset $red 0 0 0 1px;