mirror of
https://github.com/woodchen-ink/clash-and-dashboard.git
synced 2025-07-18 14:01:56 +08:00
Improve: optimize browser display
This commit is contained in:
parent
d79d03ea16
commit
56aef42c7e
@ -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">
|
||||||
{
|
{
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user