💄 update sketch list header alignment and font size

This commit is contained in:
ghalestrilo 2020-08-03 17:35:44 -03:00
commit fe9f35afab
3 changed files with 11 additions and 2 deletions

View file

@ -34,7 +34,7 @@ class App extends React.Component {
render() { render() {
return ( return (
<div className="app"> <div className="app">
{/* FIXME: remove false */} {/* FIXME: Remove false */}
{false && this.state.isMounted && !window.devToolsExtension && getConfig('NODE_ENV') === 'development' && <DevTools />} {false && this.state.isMounted && !window.devToolsExtension && getConfig('NODE_ENV') === 'development' && <DevTools />}
{this.props.children} {this.props.children}
</div> </div>

View file

@ -6,4 +6,13 @@ import { remSize } from '../../theme';
export default styled.div` export default styled.div`
z-index: 0; z-index: 0;
margin-top: ${props => remSize(props.slimheader ? 50 : 68)}; margin-top: ${props => remSize(props.slimheader ? 50 : 68)};
.sketch-list__sort-button { padding: 0 }
td { font-size: ${remSize(10)} };
th {
font-size: ${remSize(14)};
/* font-weight: bold; */
max-width: ${remSize(140)}
};
`; `;

View file

@ -21,7 +21,7 @@ export const useModalBehavior = (hideOverlay) => {
// Return values // Return values
const setRef = (r) => { ref.current = r; }; const setRef = (r) => { ref.current = r; };
const [visible, setVisible] = useState(true); const [visible, setVisible] = useState(false);
const trigger = () => setVisible(!visible); const trigger = () => setVisible(!visible);
const hide = () => setVisible(false); const hide = () => setVisible(false);