|
|
@ -14,11 +14,12 @@ const Server = (props) => { |
|
|
return ( |
|
|
return ( |
|
|
<> |
|
|
<> |
|
|
<div style={{ |
|
|
<div style={{ |
|
|
height: 'calc(100vh - 80px)', width: 'calc(100%)', |
|
|
height: 'calc(100vh - 60px)', width: 'calc(100% + 16px)', |
|
|
backgroundImage: "url('/assets/images/background/General.png')", |
|
|
backgroundImage: "url('/assets/images/background/General.png')", |
|
|
backgroundSize: 'cover', |
|
|
backgroundSize: 'cover', |
|
|
backgroundRepeat: 'no-repeat', |
|
|
backgroundRepeat: 'no-repeat', |
|
|
position: 'relative', |
|
|
position: 'relative', |
|
|
|
|
|
top: -12, left: -8, |
|
|
}}> |
|
|
}}> |
|
|
<div style={{ position: 'absolute', top: 'calc(50%)', left: 'calc(10%)', }}> |
|
|
<div style={{ position: 'absolute', top: 'calc(50%)', left: 'calc(10%)', }}> |
|
|
<div style={{ |
|
|
<div style={{ |
|
|
@ -26,7 +27,9 @@ const Server = (props) => { |
|
|
backgroundSize: 'cover', |
|
|
backgroundSize: 'cover', |
|
|
backgroundRepeat: 'no-repeat', |
|
|
backgroundRepeat: 'no-repeat', |
|
|
}}> |
|
|
}}> |
|
|
<a target='_blank' href={pomsMonitor}> 进入Grafana</a> |
|
|
<a target='_blank' href={pomsMonitor} |
|
|
|
|
|
style={{width:'100%',height:'100%',display: 'block'}} |
|
|
|
|
|
> 进入Grafana</a> |
|
|
</div> |
|
|
</div> |
|
|
<div style={{ width: 679, height: 40, fontSize: 28, fontWeight: 400, color: '#146AD7', lineHeight: '40px', marginTop: 40 }}> |
|
|
<div style={{ width: 679, height: 40, fontSize: 28, fontWeight: 400, color: '#146AD7', lineHeight: '40px', marginTop: 40 }}> |
|
|
点击可跳转服务器监控网站Grafana</div> |
|
|
点击可跳转服务器监控网站Grafana</div> |
|
|
|
