mirror of
https://github.com/woodchen-ink/clash-and-dashboard.git
synced 2025-07-18 05:51:56 +08:00
Add: overview
This commit is contained in:
jas0ncn
parent
c5a9d5ad62
commit
039a74ec8d
24
src/assets/LOGO-fixing.svg
Normal file
24
src/assets/LOGO-fixing.svg
Normal file
@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="35px" height="34px" viewBox="0 0 35 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>LOGO-fixing</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<path d="M20.1474841,18.0724537 C19.9656032,18.1835234 19.7486574,18.4958967 19.3699071,18.5833381 C18.8502154,18.7033184 18.4117627,18.3068457 18.263727,18.5339706 C18.1156913,18.7610955 18.9179617,18.99676 19.4376535,18.8767797 C19.7389522,18.8072194 20.0749705,18.5868679 20.2578273,18.3878095 C20.4366567,18.5888593 20.7656614,18.8120803 21.0644938,18.8865876 C21.5810336,19.0153754 22.3927155,18.7920064 22.2419931,18.564928 C22.0912708,18.3378495 21.6537531,18.7237135 21.1372132,18.5949257 C20.7479513,18.4978718 20.5326212,18.1608887 20.34975,18.0584492 C20.3474268,18.0569348 20.3450085,18.0554678 20.3424939,18.0540495 C20.3310477,18.047593 20.3196541,18.042706 20.3082769,18.0392658 C20.263513,18.0232952 20.220106,18.0243142 20.1758336,18.0497766 C20.1644318,18.056334 20.1550176,18.0639269 20.1474841,18.0724537 Z M31.8874891,11.55695 L12.0710254,33.22908 C9.30359543,33.1239825 7.29011657,32.9541352 6.88010932,32.7147744 C6.86041491,32.7032769 6.80630389,32.6689535 6.71777625,32.6118043 C3.62085056,32.6576708 1.53341727,31.6109877 0.455476361,29.471755 C-0.29046484,27.6421506 -0.138123175,25.5962023 1.04540993,24.1713334 C2.22894303,22.7464645 4.3627773,21.8348652 4.99878355,22.8120626 C5.63478979,23.78926 1.40631242,24.2967721 2.22894303,27.6427444 C2.67297299,29.4487943 4.27014815,30.2012376 6.80044456,30.2204289 C7.57215482,21.3459243 10.3211579,0.290597 11.3491709,0.0461938077 C12.2288267,-0.162938431 13.7612929,1.7277921 15.9465697,5.71838541 C17.3597521,5.36053964 18.9034333,5.18161675 20.5776135,5.18161675 C22.2517937,5.18161675 23.9276992,5.36053964 25.6053302,5.71838541 C27.5946421,1.56348904 28.9093527,-0.32724149 29.5494618,0.0461938077 C29.9344054,0.270767277 30.9057057,5.41593289 31.8874891,11.55695 Z M14.5686275,15 C15.4349565,15 16.1372549,14.3284271 16.1372549,13.5 C16.1372549,12.6715729 15.4349565,12 14.5686275,12 C13.7022984,12 13,12.6715729 13,13.5 C13,14.3284271 13.7022984,15 14.5686275,15 Z M26.4313725,15 C27.2977016,15 28,14.3284271 28,13.5 C28,12.6715729 27.2977016,12 26.4313725,12 C25.5650435,12 24.8627451,12.6715729 24.8627451,13.5 C24.8627451,14.3284271 25.5650435,15 26.4313725,15 Z" id="path-1"></path>
|
||||
<filter x="-39.2%" y="-37.6%" width="178.4%" height="175.2%" filterUnits="objectBoundingBox" id="filter-2">
|
||||
<feMorphology radius="5" operator="erode" in="SourceAlpha" result="shadowSpreadInner1"></feMorphology>
|
||||
<feGaussianBlur stdDeviation="10" in="shadowSpreadInner1" result="shadowBlurInner1"></feGaussianBlur>
|
||||
<feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
|
||||
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
|
||||
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0441009964 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
|
||||
</filter>
|
||||
</defs>
|
||||
<g id="LOGO-fixing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<path d="M11.591686,0.536190254 C11.528035,0.677518285 11.4532537,0.896563476 11.3711999,1.18550819 C11.2050782,1.77048968 11.0144908,2.62115376 10.8042023,3.71079459 C10.4101243,5.75276711 9.95344426,8.59974443 9.47369702,11.9675372 C8.58238798,18.2244658 7.6926853,25.731442 7.29856478,30.2637445 L7.25854898,30.7239178 L6.79665238,30.7204145 C3.95971451,30.6988975 2.2367501,29.7687642 1.74340215,27.762118 C1.33022306,26.081551 1.94037251,24.916209 3.29333265,23.9017157 C3.51638852,23.7344612 4.2742949,23.2201882 4.17003964,23.2929211 C4.34264085,23.1725072 4.45671415,23.0815675 4.52114349,23.0170086 C4.07108871,22.6184677 2.44909842,23.2639453 1.4300322,24.4908107 C0.402333094,25.7280693 0.216990203,27.5624258 0.901992772,29.2467592 C1.88596272,31.1995014 3.79171417,32.1550854 6.7103719,32.1118591 L6.86175647,32.1096171 L6.9889557,32.1917309 C7.06956857,32.2437707 7.12184448,32.27693 7.132194,32.2829721 C8.49116611,33.0763351 33.5450693,33.0001057 34.0415693,32.3565369 C34.5536553,31.6927654 30.0372239,1.32386625 29.3130404,0.491718018 C29.3424839,0.513003844 29.3239346,0.527831463 29.2494696,0.585629854 C29.0526457,0.738400959 28.7961576,1.03486613 28.4938587,1.46961257 C27.8550472,2.38830949 27.0403339,3.87905375 26.0563048,5.93430638 L25.8862194,6.28954842 L25.5010246,6.20738473 C23.8574729,5.85680821 22.2165183,5.68161675 20.5776135,5.68161675 C18.9434818,5.68161675 17.4408742,5.85577893 16.0693058,6.20308722 L15.6939804,6.29812707 L15.5080194,5.95853865 C13.6205289,2.51174109 12.2022743,0.681761919 11.591686,0.536190254 Z M11.5200654,0.526776486 C11.5005883,0.526559024 11.4821677,0.528510978 11.4648192,0.532635465 C11.531074,0.516883833 11.5665409,0.50903389 11.5841297,0.508233522 Z" id="body" stroke="#54759A"></path>
|
||||
<path d="M26.828412,23.0744476 L26.828412,22.0079578 L25.4531735,21.7024085 C25.406248,21.5557662 25.3465245,21.4151673 25.2768472,21.2802564 L26.0340549,20.0902316 L25.2798689,19.3360456 L24.0898442,20.0932533 C23.9549332,20.023576 23.8143343,19.9638526 23.667692,19.916927 L23.3623205,18.5418663 L22.2958307,18.5418663 L21.9902814,19.9171048 C21.8436391,19.9640303 21.7030402,20.0237538 21.5681293,20.0934311 L20.3781045,19.3362234 L19.6239185,20.0904094 L20.3811262,21.2804341 C20.3114489,21.4153451 20.2517255,21.555944 20.2047999,21.7025863 L18.8297392,22.0079578 L18.8297392,23.0744476 L20.2049777,23.3799969 C20.2519032,23.5266392 20.3116266,23.6672381 20.381304,23.802149 L19.6240963,24.9921738 L20.3782823,25.7463598 L21.568307,24.9891521 C21.703218,25.0588294 21.8438169,25.1185528 21.9904592,25.1654784 L22.2958307,26.5405391 L23.3623205,26.5405391 L23.6678698,25.1653006 C23.8145121,25.1183751 23.955111,25.0586516 24.0900219,24.9889743 L25.2800467,25.746182 L26.0342327,24.991996 L25.277025,23.8019713 C25.3467023,23.6670603 25.4064257,23.5264614 25.4533513,23.3798191 L26.828412,23.0744476 Z M22.8290756,23.8743148 C22.0928422,23.8743148 21.4959635,23.2774361 21.4959635,22.5412027 C21.4959635,21.8049693 22.0928422,21.2080906 22.8290756,21.2080906 C23.565309,21.2080906 24.1621877,21.8049693 24.1621877,22.5412027 C24.1621877,23.2774361 23.565309,23.8743148 22.8290756,23.8743148 Z M28.5475934,30.8246283 L28.8837154,30.0037867 L27.9213862,29.3350976 C27.9315179,29.2074744 27.9297404,29.0803843 27.91872,28.9547163 L28.8766055,28.2773176 L28.533729,27.4591423 L27.3790762,27.6671077 C27.2971342,27.5711237 27.2079046,27.4806498 27.1097875,27.3983523 L27.3079769,26.2435217 L26.4871353,25.9073997 L25.8184462,26.8697289 C25.690823,26.8595973 25.563733,26.8613748 25.4380649,26.8723952 L24.7606662,25.9145097 L23.9424909,26.2573861 L24.1504564,27.412039 C24.0544723,27.4939809 23.9639984,27.5832106 23.8817009,27.6813276 L22.7268703,27.4831383 L22.3907483,28.3039799 L23.3530776,28.9726689 C23.3429459,29.1002922 23.3447234,29.2273822 23.3557438,29.3530502 L22.3978583,30.0304489 L22.7407347,30.8486243 L23.8953876,30.6406588 C23.9773295,30.7366429 24.0665592,30.8271167 24.1646762,30.9094142 L23.9664869,32.0642448 L24.7873285,32.4003668 L25.4560175,31.4380376 C25.5836408,31.4481692 25.7107308,31.4463918 25.8363988,31.4353714 L26.5137975,32.3932569 L27.3319729,32.0503804 L27.1240074,30.8957276 C27.2199915,30.8139634 27.3104654,30.724556 27.3927628,30.6264389 L28.5475934,30.8246283 Z M25.2169461,30.1799352 C24.6502845,29.9479737 24.3788629,29.3004367 24.6108244,28.7335974 C24.8427859,28.1667582 25.4903229,27.8955143 26.0571622,28.1274758 C26.6238237,28.3594373 26.8952454,29.0069743 26.6632839,29.5738136 C26.4313223,30.1406529 25.7837853,30.4120745 25.2169461,30.1799352 Z M33.8297392,22.326305 L33.5469417,21.4542719 L32.3412751,21.5690973 C32.2641323,21.4615596 32.1777466,21.3625538 32.0851398,21.2706579 L32.3887338,20.0968083 L31.5719805,19.6801663 L30.7996642,20.6149445 C30.6709744,20.5937925 30.5401517,20.5820611 30.4077292,20.5827721 L29.7930756,19.5392119 L28.9210425,19.8220094 L29.0358679,21.027676 C28.9283302,21.1048188 28.8293244,21.1912045 28.7374286,21.2838113 L27.5635789,20.9802173 L27.1469369,21.7969706 L28.0817151,22.5692869 C28.0605631,22.6979767 28.0488317,22.8287994 28.0495427,22.9612219 L27.0061603,23.5756977 L27.2889578,24.4477308 L28.4946244,24.3329054 C28.5717672,24.4404431 28.6579751,24.5394489 28.7507597,24.6313448 L28.4471656,25.8051944 L29.263919,26.2218364 L30.0362353,25.2870582 C30.1649251,25.3082103 30.2957478,25.3199416 30.4281703,25.3192306 L31.0428238,26.3627908 L31.9148569,26.0799933 L31.8000315,24.8743267 C31.9075693,24.7971839 32.0065751,24.7107983 32.0984709,24.6181914 L33.2723206,24.9217855 L33.6889626,24.1050321 L32.7541843,23.3327158 C32.7753364,23.2040261 32.7870678,23.0732033 32.7863568,22.9407808 L33.8297392,22.326305 Z M30.77158,24.0410427 C30.1695465,24.2363881 29.523076,23.9064873 29.3279084,23.3044538 C29.132563,22.7024204 29.4624638,22.0559499 30.0644973,21.8607823 C30.6665307,21.6654369 31.3130012,21.9953377 31.5081688,22.5973711 C31.7033365,23.1994046 31.3736134,23.8458751 30.77158,24.0410427 Z" id="Shape" fill="#54759A" fill-rule="nonzero" transform="translate(26.329739, 25.471117) rotate(-45.000000) translate(-26.329739, -25.471117) "></path>
|
||||
<g id="Combined-Shape">
|
||||
<use fill="#54759A" fill-rule="evenodd" xlink:href="#path-1"></use>
|
||||
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.5 KiB |
@ -1,11 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>icon-Shadowsocks</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="icon-Shadowsocks" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<circle id="Oval" fill="#1A7DC0" cx="20" cy="20" r="20"></circle>
|
||||
<path d="M30,10 L26.1875946,26.8 C26.1875946,26.8 20.3101362,25.05 18.1656581,24.3 L25.1550681,15.3666667 L15.4652042,23.4 L9,21.1666667 L30,10 Z M18.2133132,26.2166667 L20.6596067,27.05 L18.133888,31 L18.2133132,26.2166667 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 830 B |
@ -1,30 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>icon-Vmess</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<circle id="path-1" cx="20" cy="20" r="20"></circle>
|
||||
</defs>
|
||||
<g id="icon-Vmess" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<circle stroke="#DB0D82" cx="20" cy="20" r="19.5"></circle>
|
||||
<rect id="Rectangle-4" fill="#DB0D82" fill-rule="nonzero" mask="url(#mask-2)" x="0" y="0" width="40" height="20"></rect>
|
||||
<g id="三角形" mask="url(#mask-2)" fill="#FFFFFF" fill-rule="nonzero">
|
||||
<g transform="translate(3.000000, 3.000000)">
|
||||
<polygon id="Rectangle" points="4.36334582 12.7584642 34 17 0 17"></polygon>
|
||||
<polygon id="Rectangle-2" points="11.5531686 5.57403581 33.7709345 16.9601915 7.96918628 9.05707955"></polygon>
|
||||
<polygon id="Rectangle-3" points="17.0024557 0.139281027 33.7759553 16.9586254 14.5515616 2.57241522"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
<g id="三角形" mask="url(#mask-2)" fill="#DB0D82" fill-rule="nonzero">
|
||||
<g transform="translate(20.000000, 28.500000) scale(1, -1) translate(-20.000000, -28.500000) translate(3.000000, 20.000000)">
|
||||
<polygon id="Rectangle" points="4.36334582 12.7584642 34 17 0 17"></polygon>
|
||||
<polygon id="Rectangle-2" points="11.5531686 5.57403581 33.7709345 16.9601915 7.96918628 9.05707955"></polygon>
|
||||
<polygon id="Rectangle-3" points="17.0024557 0.139281027 33.7759553 16.9586254 14.5515616 2.57241522"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.9 KiB |
@ -1,18 +1,23 @@
|
||||
import * as React from 'react'
|
||||
import { inject, observer } from 'mobx-react'
|
||||
import { storeKeys } from '@lib/createStore'
|
||||
import { BaseRouterProps } from '@models'
|
||||
|
||||
@inject(...storeKeys)
|
||||
@observer
|
||||
export default class Overview extends React.Component<BaseRouterProps, {}> {
|
||||
|
||||
componentDidMount () {
|
||||
// here can access stores
|
||||
console.log(this.props)
|
||||
}
|
||||
const logo = require('@assets/LOGO-fixing.svg')
|
||||
|
||||
export default class Overview extends React.Component<{}, {}> {
|
||||
render () {
|
||||
return 'Overview'
|
||||
return (
|
||||
<div style={{
|
||||
height: '90vh',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
flexDirection: 'column',
|
||||
opacity: 0.3
|
||||
}}>
|
||||
<img src={logo} alt="Logo" style={{
|
||||
width: 200
|
||||
}}/>
|
||||
|
||||
<h1 style={{ color: '#54759A', marginTop: 20 }}>Coming Soon...</h1>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user