fix minor styles

Emurgo · Aug 21, 2021 · 11632c3 · 11632c3
1 parent 3d60b5b
commit 11632c3
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/.../yoroi-extension/app/components/settings/categories/general-setting/ThemeSettingsBlock.js b/.../yoroi-extension/app/components/settings/categories/general-setting/ThemeSettingsBlock.js
@@ -1,6 +1,6 @@
 // @flow
 import React, { Component } from 'react';
-import type { Node } from 'react';
+import type { Node, ComponentType } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react';
 import { Button } from 'react-polymorph/lib/components/Button';
@@ -59,7 +59,7 @@ type Props = {|
   +onExternalLinkClick: MouseEvent => void,
 |};
 type InjectedProps = {|
-  +isRevampLayout: string,
+  +changeLayout: void => void,
   +renderLayoutComponent: LayoutComponentMap => Node,
 |};
 type AllProps = {| ...Props, ...InjectedProps |};
@@ -207,4 +207,4 @@ class ThemeSettingsBlock extends Component<AllProps> {
     });
   }
 }
-export default (withLayout(ThemeSettingsBlock): Node);
+export default (withLayout(ThemeSettingsBlock): ComponentType<Props>);
diff --git a/packages/yoroi-extension/app/components/topbar/SideBarCategoryRevamp.scss b/packages/yoroi-extension/app/components/topbar/SideBarCategoryRevamp.scss
@@ -9,6 +9,7 @@
   font-family: var(--font-regular);
   line-height: var(--theme-sidebar-text-line-height);
   color: var(--theme-sidebar-text-color);
+  transition: 0.3s opacity;
 
   & + & {
     margin-top: 18px;

diff --git a/packages/yoroi-extension/app/components/topbar/SidebarRevamp.scss b/packages/yoroi-extension/app/components/topbar/SidebarRevamp.scss
@@ -3,7 +3,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: linear-gradient(30.09deg, #244abf 0%, #4760ff 100%);
+  background: var(--theme-sidebar-background-color);
 }
 
 .header {