💄 update sketch list header alignment and font size
This commit is contained in:
commit
fe9f35afab
3 changed files with 11 additions and 2 deletions
|
@ -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>
|
||||||
|
|
|
@ -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)}
|
||||||
|
};
|
||||||
`;
|
`;
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue