muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

bigger tags

Browse source
This commit is contained in:
Fedor Katurov 2019-10-21 20:16:34 +07:00
parent 8daa08d61b
commit f40aad7b7a
3 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/node/Tag/styles.scss
View file

@ -1,4 +1,6 @@
.tag { .tag {
@include outer_shadow();
height: $tag_height; height: $tag_height;
background: $tag_bg; background: $tag_bg;
display: flex; display: flex;
@ -9,8 +11,8 @@
font: $font_14_semibold; font: $font_14_semibold;
align-self: flex-start; align-self: flex-start;
padding: 0 8px 0 0; padding: 0 8px 0 0;
box-shadow: $shadow_depth_2; // box-shadow: $shadow_depth_2;
margin: ($gap / 2) $gap ($gap / 2) 0; margin: 0 $gap $gap 0;
position: relative; position: relative;
&:global(.is_hoverable) { &:global(.is_hoverable) {
@ -64,7 +66,7 @@
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
padding-left: 23px; padding-left: $tag_height;
padding-right: 5px; padding-right: 5px;
box-sizing: border-box; box-sizing: border-box;
} }
@ -74,10 +76,10 @@
width: $tag_height; width: $tag_height;
height: $tag_height; height: $tag_height;
display: flex; display: flex;
margin-right: 3px; // padding-right: 0px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex: 0 0 22px; flex: 0 0 $tag_height;
&::after { &::after {
content: ' '; content: ' ';

5
src/styles/colors.scss
View file

@ -1,4 +1,5 @@
$red: #ff3344; // $red: #ff3344;
$red: #da6972;
$yellow: #ffd60f; $yellow: #ffd60f;
$dark_blue: #3c75ff; $dark_blue: #3c75ff;
$blue: #3ca1ff; $blue: #3ca1ff;
@ -9,7 +10,7 @@ $orange: #ff7549;
$grass: #41800d; $grass: #41800d;
$wisegreen: #007962; $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); $blue_gradient: linear-gradient(170deg, $green, $dark_blue);
$green_gradient: linear-gradient( $green_gradient: linear-gradient(
170deg, 170deg,

2
src/styles/variables.scss
View file

@ -61,7 +61,7 @@ $shadow_depth_2: transparentize(black, 0.8) 0 2px, inset transparentize(white, 0
$comment_shadow: $shadow_depth_2; $comment_shadow: $shadow_depth_2;
$node_shadow: transparentize(black, 0.8) 0 2px, transparentize(black, 0.8) 0 2px 4px; $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: inset transparentize(white, 0.9) 0 0 0 1px;
$input_shadow_error: inset $red 0 0 0 1px; $input_shadow_error: inset $red 0 0 0 1px;