User hover css constant

6 years ago · 6c772c6038
parent ef72dbcc90
commit 6c772c6038
1 changed files with 2 additions and 2 deletions
--- a/src/js/views/Wallet/components/LeftNavigation/components/Row/index.js
+++ b/src/js/views/Wallet/components/LeftNavigation/components/Row/index.js
@ -2,7 +2,7 @@ import styled, { css } from 'styled-components';
 import React from 'react';
 import PropTypes from 'prop-types';

-import { TRANSITION_TIME } from 'config/variables';
+import { TRANSITION } from 'config/variables';

 const Wrapper = styled.div`
    height: 100%;
@ -10,7 +10,7 @@ const Wrapper = styled.div`
    display: flex;
    align-items: center;
    justify-content: space-between;
-    transition: background-color ${TRANSITION_TIME.BASE} ease-in-out, color ${TRANSITION_TIME.BASE} ease-in-out, border-color ${TRANSITION_TIME.BASE} ease-in-out;
+    transition: ${TRANSITION.HOVER};

    ${props => props.disabled && css`
        cursor: not-allowed;