Improve: optimize browser display

This commit is contained in:
Jason 2018-10-05 15:42:05 +08:00
parent d79d03ea16
commit 56aef42c7e
3 changed files with 8 additions and 2 deletions

View File

@ -1,7 +1,9 @@
import * as React from 'react' import * as React from 'react'
import { Route } from 'react-router-dom' import { Route } from 'react-router-dom'
import { hot } from 'react-hot-loader' import { hot } from 'react-hot-loader'
import classnames from 'classnames'
import { I18nProps } from '@models' import { I18nProps } from '@models'
import { isClashX } from '@lib/jsBridge'
import './App.scss' import './App.scss'
import Overview from '@containers/Overview' import Overview from '@containers/Overview'
@ -26,7 +28,7 @@ export default class App extends React.Component<AppProps, {}> {
] ]
return ( return (
<div className="app"> <div className={classnames('app', { 'clash-x': !isClashX() })}>
<SlideBar routes={routes} /> <SlideBar routes={routes} />
<div className="page-container"> <div className="page-container">
{ {

View File

@ -36,7 +36,7 @@
> a, > a,
a:active, a:active,
a:visited { a:visited {
color: $color-gray; color: $color-gray-darken;
text-decoration: none; text-decoration: none;
} }

View File

@ -26,6 +26,10 @@ body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
} }
.app.clash-x {
background: #f4f5f6;
}
.page-container { .page-container {
width: 100%; width: 100%;
margin: 20px 0; margin: 20px 0;