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

colors

Browse source
This commit is contained in:
muerwre 2019-07-30 05:21:11 +07:00
parent c67107bd95
commit 809c08456b
3 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/main/SidePane/index.tsx
View file

@ -13,7 +13,7 @@ export const SidePane: FC<IProps> = ({
const moveThis = useCallback(() => { const moveThis = useCallback(() => {
const shift = window.innerWidth > (content_width + 64 + 20) const shift = window.innerWidth > (content_width + 64 + 20)
? ((window.innerWidth - content_width - 64 - 20) / 2) - 54 + 64 ? ((window.innerWidth - content_width - 64 - 20) / 2) - 54 + 64 // + content_width + 74
: 10; : 10;
setLeft(shift); setLeft(shift);

4
src/components/main/SidePane/styles.scss
View file

@ -18,13 +18,13 @@
&:global(.logo) { &:global(.logo) {
height: (54px * 1.5) + $gap / 2; height: (54px * 1.5) + $gap / 2;
background: white; background: $red_gradient;
background-size: 140px; background-size: 140px;
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
box-shadow: inset #111111 0 -1px, inset #222222 0 1px; box-shadow: inset #111111 0 -1px, inset #222222 0 1px;
color: black; color: white;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

3
src/styles/colors.scss
View file

@ -11,6 +11,7 @@ $red_gradient: linear-gradient(165deg, $orange -50%, $red 150%);
$blue_gradient: linear-gradient(170deg, $green, $dark_blue); $blue_gradient: linear-gradient(170deg, $green, $dark_blue);
$green_gradient: linear-gradient(170deg, $olive -20%, $grass 120%); $green_gradient: linear-gradient(170deg, $olive -20%, $grass 120%);
$purple_gradient: linear-gradient(170deg, $red, $dark_blue); $purple_gradient: linear-gradient(170deg, $red, $dark_blue);
$cyan_gradient: linear-gradient(260deg, #3c75ff -50%, #7b2653 150%);
//$color_yellow: complement($color_red); //$color_yellow: complement($color_red);
//$color_yellow: yellow; //$color_yellow: yellow;
@ -31,7 +32,7 @@ $text_big: 20px;
$text_sign: 22px; $text_sign: 22px;
$input_bg_color: transparentize(black, 0.8); $input_bg_color: transparentize(black, 0.8);
$button_bg_color: $red_gradient; $button_bg_color: $cyan_gradient;
$comment_bg: lighten($main_bg_color, 0%); $comment_bg: lighten($main_bg_color, 0%);
$panel_bg: transparent; $panel_bg: transparent;