muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36: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 {
@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: ' ';

5
src/styles/colors.scss
View file

@ -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,

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;
$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;