wood/clash-and-dashboard
1
0
Fork 0
mirror of https://github.com/woodchen-ink/clash-and-dashboard.git synced 2025-07-18 14:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve: optimize browser display

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/containers/App.tsx
View File

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

2
src/containers/Sidebar/style.scss
View File

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

4
src/styles/common.scss
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";
}
.app.clash-x {
background: #f4f5f6;
}
.page-container {
width: 100%;
margin: 20px 0;