Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-10-02 15:27:42 +02:00
Code Issues Projects Releases Wiki Activity

Shrink gauge size

Browse Source
This commit is contained in:
Steven Zou 2017-04-06 17:25:50 +08:00
parent 0d9934aa40
commit 4d3b0b99ef
2 changed files with 29 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/ui_ng/src/app/shared/gauge/gauge.component.css
View File

@ -58,30 +58,32 @@
*/
.esxc-gauge-small .esxc-gauge-container {
width: 100px;
height: 50px;
width: 60px;
height: 30px;
top: -8px;
left: 8px;
}
.esxc-gauge-small .esxc-gauge-circle-fill {
height: 100px;
border-radius: 50px;
clip: rect(50px, 100px, 100px, 0);
height: 60px;
border-radius: 30px;
clip: rect(30px, 60px, 60px, 0);
}
.esxc-gauge-small .esxc-gauge-circle-bg {
height: 100px;
border-radius: 50px;
height: 60px;
border-radius: 30px;
}
.esxc-gauge-small .esxc-gauge-circle-inner {
width: 80px;
height: 80px;
border-radius: 40px;
margin: 10px;
width: 50px;
height: 50px;
border-radius: 25px;
margin: 5px;
}
.esxc-gauge-small .esxc-gauge-circle-caption {
margin-top: 20px;
margin-top: 6px;
}
@ -144,8 +146,11 @@
margin-top: 95px;
}
/*Sall size*/
.esxc-gauge-small .esxc-gauge-circle-caption .esxc-value {
font-size: 24px;
font-size: 16px;
font-weight: bold;
}
@ -161,6 +166,8 @@
font-size: 16px;
text-align: center;
margin-top: 3px;
position: relative;
bottom: -2px;
}
.esxc-gauge-small .esxc-title .esxc-bar-title {
@ -172,6 +179,8 @@
.esxc-gauge-small .esxc-limit {
text-align: center;
position: relative;
top: -8px;
}
.esxc-gauge-small .esxc-limit .esxc-value {
@ -190,6 +199,9 @@
text-align: right;
}
/*medium size*/
.esxc-gauge-medium .esxc-gauge-circle-caption {
margin-top: 40px;
color: #000;
@ -232,6 +244,9 @@
margin-top: -8px;
}
/*large size*/
.esxc-gauge-large .esxc-gauge-circle-caption .esxc-value {
font-size: 40px;
}

2
src/ui_ng/src/app/shared/statictics/statistics-panel.component.html
View File

@ -1,6 +1,6 @@
<div class="row flex-items-xs-between flex-items-xs-middle">
<div></div>
<div id="right_statistic_panel" style="margin-right: 18px;">
<div id="right_statistic_panel" style="margin-right: 18px; margin-top: 8px;">
<div class="statistic-block">
<div class="statistic-column-block">
<div>