mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-10-12 12:04:24 +02:00
Code Issues Releases Wiki Activity

fix onboarding and make mobile <600px

Browse Source
This commit is contained in:
Kushagra Gour
2018-06-23 12:07:16 +05:30
parent 2dfea13dbb
commit f0cb08382d
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/app.jsx
View File

@@ -528,7 +528,7 @@ export default class App extends Component {
} }
toggleLayout(mode) { toggleLayout(mode) {
/* eslint-disable no-param-reassign */ /* eslint-disable no-param-reassign */
mode = window.innerWidth < 500 ? 2 : mode; mode = window.innerWidth < 600 ? 2 : mode;
if (this.state.currentLayoutMode === mode) { if (this.state.currentLayoutMode === mode) {
this.contentWrap.resetSplitting(); this.contentWrap.resetSplitting();

12
src/style.css
View File

@@ -125,7 +125,7 @@ p {
margin-top: 0; margin-top: 0;
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 600px) {
.block--mobile { .block--mobile {
display: block; display: block;
} }
@@ -137,10 +137,13 @@ p {
} }
} }
@media screen and (min-width: 501px) { @media screen and (min-width: 601px) {
.show-on-mobile { .show-on-mobile {
display: none; display: none;
} }
.flex--desk {
display: flex;
}
} }
hr { hr {
@@ -1481,13 +1484,10 @@ body:not(.is-app) .show-when-app {
visibility: visible; visibility: visible;
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 600px) {
body { body {
font-size: 70%; font-size: 70%;
} }
.flex--desk {
display: flex;
}
.main-header { .main-header {
overflow-x: auto; overflow-x: auto;
} }