mirrors/nginx-ui
1
0
Fork 0
mirror of https://github.com/0xJacky/nginx-ui.git synced 2025-05-11 02:15:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix dashboard radial bar issue

Browse source
This commit is contained in:
0xJacky 2022-06-14 13:43:41 +08:00
parent 8c3e4819c0
commit 9f7ad4a936
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/components/Chart/RadialBarChart.vue
View file

@ -2,7 +2,7 @@
<div class="container"> <div class="container">
<p class="text">{{ centerText }}</p> <p class="text">{{ centerText }}</p>
<p class="bottom_text">{{ bottomText }}</p> <p class="bottom_text">{{ bottomText }}</p>
<apexchart type="radialBar" height="205" :options="chartOptions" :series="series" ref="chart"/> <apexchart class="radialBar" type="radialBar" height="205" :options="chartOptions" :series="series" ref="chart"/>
</div> </div>
</template> </template>
@ -83,6 +83,14 @@ export default {
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
height: 112px!important; height: 112px!important;
.radialBar {
position: absolute;
top: -30px;
@media(max-width: 768px) and (min-width: 290px) {
left: 50%;
transform: translateX(-50%);
}
}
.text { .text {
position: absolute; position: absolute;
top: calc(50% - 5px); top: calc(50% - 5px);