feat: improve UI on mobile

This commit is contained in:
Haishan 2019-05-15 00:26:02 +08:00
parent 16e61f1533
commit 96891092f0
7 changed files with 2023 additions and 269 deletions

View file

@ -29,6 +29,7 @@
"license": "UNLICENSED", "license": "UNLICENSED",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.1.5", "@babel/runtime": "^7.1.5",
"@hot-loader/react-dom": "^16.8.6",
"@hsjs/react-cache": "0.0.0-alpha.aa94237", "@hsjs/react-cache": "0.0.0-alpha.aa94237",
"@sentry/browser": "^5.1.0", "@sentry/browser": "^5.1.0",
"chart.js": "^2.7.3", "chart.js": "^2.7.3",
@ -69,7 +70,7 @@
"eslint": "^5.13.0", "eslint": "^5.13.0",
"eslint-config-react-app": "^4.0.1", "eslint-config-react-app": "^4.0.1",
"eslint-import-resolver-webpack": "^0.11.0", "eslint-import-resolver-webpack": "^0.11.0",
"eslint-plugin-flowtype": "^3.4.2", "eslint-plugin-flowtype": "^3.9.0",
"eslint-plugin-import": "^2.17.2", "eslint-plugin-import": "^2.17.2",
"eslint-plugin-jest": "^22.0.0", "eslint-plugin-jest": "^22.0.0",
"eslint-plugin-jsx-a11y": "^6.2.1", "eslint-plugin-jsx-a11y": "^6.2.1",

View file

@ -87,7 +87,7 @@ export default function Logs() {
<div className={s0.logPlaceholderIcon}> <div className={s0.logPlaceholderIcon}>
<SvgYacd width={200} height={200} /> <SvgYacd width={200} height={200} />
</div> </div>
<div>No logs yet, hang tight...</div> <div>No logs yet, hold tight...</div>
</div> </div>
) : ( ) : (
<div className={s0.logsWrapper}> <div className={s0.logsWrapper}>

View file

@ -5,7 +5,6 @@
.item { .item {
flex-grow: 0; flex-grow: 0;
flex-wrap: 0;
margin-right: 10px; margin-right: 10px;
margin-bottom: 10px; margin-bottom: 10px;
cursor: pointer; cursor: pointer;

View file

@ -13,7 +13,7 @@
justify-content: center; justify-content: center;
padding: 25px 0 15px; padding: 25px 0 15px;
@media (max-width: 768px) { @media (max-width: 768px) {
padding: 0; display: none;
} }
color: #2a477a; color: #2a477a;
transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;

View file

@ -44,7 +44,7 @@ export default function TrafficChart({ id }) {
return ( return (
<div <div
style={{ style={{
width: 150, width: 130,
padding: 5 padding: 5
}} }}
> >

View file

@ -27,7 +27,7 @@ const svgSpriteRule = {
// ---- entry // ---- entry
const entry = { const entry = {
app: ['./src/app.js'] app: ['react-hot-loader/patch', './src/app.js']
}; };
// ---- output // ---- output
@ -153,6 +153,7 @@ module.exports = {
mode, mode,
resolve: { resolve: {
alias: { alias: {
'react-dom': '@hot-loader/react-dom',
a: resolveDir('src/api'), a: resolveDir('src/api'),
s: resolveDir('src/svg'), s: resolveDir('src/svg'),
m: resolveDir('src/misc'), m: resolveDir('src/misc'),

2279
yarn.lock

File diff suppressed because it is too large Load diff