mirror of
https://github.com/responsively-org/responsively-app
synced 2024-09-21 06:41:55 +00:00
remove LinkHoverDisplay's style.css
This commit is contained in:
parent
7e101cc359
commit
b559680f28
2 changed files with 3 additions and 7 deletions
|
@ -2,7 +2,6 @@ import PropTypes from 'prop-types';
|
|||
import {makeStyles} from '@material-ui/core/styles';
|
||||
import React from 'react';
|
||||
import cx from 'classnames';
|
||||
import styles from './styles.css';
|
||||
|
||||
const LinkHoverDisplay = ({visible, url = ''}) => {
|
||||
const componentStyles = useStyles();
|
||||
|
@ -10,7 +9,7 @@ const LinkHoverDisplay = ({visible, url = ''}) => {
|
|||
const activeClasses = React.useMemo(() => {
|
||||
const classes = {[componentStyles.container]: true};
|
||||
classes[componentStyles.show] = visible;
|
||||
return cx(classes, styles.container);
|
||||
return cx(classes);
|
||||
}, [visible]);
|
||||
|
||||
return (
|
||||
|
@ -42,6 +41,8 @@ const useStyles = makeStyles(theme => ({
|
|||
transitionTimingFunction: theme.transitions.easing.easeInOut,
|
||||
backgroundColor: theme.palette.background.l2,
|
||||
border: `1px solid ${theme.palette.background.l0}`,
|
||||
boxSizing: 'border-box',
|
||||
maxHeight: '2rem',
|
||||
},
|
||||
show: {
|
||||
opacity: 1,
|
||||
|
|
|
@ -1,5 +0,0 @@
|
|||
.container {
|
||||
border-top-right-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
max-height: 2rem;
|
||||
}
|
Loading…
Reference in a new issue