diff --git a/WORKLOG.md b/WORKLOG.md index f57bc9f7..6ef0a665 100644 --- a/WORKLOG.md +++ b/WORKLOG.md @@ -36,6 +36,7 @@ * fix mobile menu * make fullscreen * disappear on touch +* find cause of lag *SERVER* diff --git a/client/assets/styles/styles.css b/client/assets/styles/styles.css index ddd87392..162d3417 100644 --- a/client/assets/styles/styles.css +++ b/client/assets/styles/styles.css @@ -56,6 +56,11 @@ h4 { margin: 0; } +hr { + margin: 1.5em 0; + width: 100%; +} + figure { margin: 0; text-align: center; @@ -429,11 +434,15 @@ header { display: grid; grid-template-areas: + "top" "team" - "list" - "create"; + "list"; grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr 1fr; + grid-template-rows: min-content min-content 1fr; +} + +.menu-instances .top { + grid-area: top; } .menu-instances .construct-list { @@ -508,10 +517,8 @@ figure.gray { fill: none; } -main .top { - display: flex; - flex-flow: column; - flex: 1; +main .top button { + width: 100%; } .ready:hover { diff --git a/client/src/components/list.jsx b/client/src/components/list.jsx index 96b2ceff..d5f6c926 100644 --- a/client/src/components/list.jsx +++ b/client/src/components/list.jsx @@ -36,6 +36,15 @@ const addState = connect( instances, }; }, + + function receiveDispatch(dispatch) { + function navToTeam() { + return dispatch(actions.setNav('team')); + } + return { + navToTeam, + }; + } ); function List(args) { @@ -47,6 +56,7 @@ function List(args) { sendInstanceJoin, sendInstanceList, instances, + navToTeam, } = args; function instanceList() { @@ -76,6 +86,7 @@ function List(args) { return (