30 lines
747 B
CSS
30 lines
747 B
CSS
/* 环形进度：SVG进度描边与中央数值/标签。 */
|
|
/* 导入方：app/components/RingProgress.vue、app/components/instance/InstanceManage.vue、app/components/instance/InstanceOverview.vue。 */
|
|
.ring[data-v-bff6718d] {
|
|
flex-shrink: 0;
|
|
position: relative;
|
|
}
|
|
.ring-bar[data-v-bff6718d] {
|
|
transition: stroke-dashoffset 0.4s;
|
|
}
|
|
.ring-text[data-v-bff6718d] {
|
|
pointer-events: none;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 7px;
|
|
display: flex;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.ring-value[data-v-bff6718d] {
|
|
font-size: 1.125rem;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
}
|
|
.ring-label[data-v-bff6718d] {
|
|
color: var(--p-text-muted-color, #94a3b8);
|
|
font-size: 1rem;
|
|
line-height: 1;
|
|
}
|