perf: 单值图样式微调

src/assets/css/components/views/charts/chartSingleValue.scss

@@ -88,12 +88,13 @@
     align-items: center;
     height: 100%;
     width: 100%;
+    .single-value-icon__box {
+      flex: 0 0 80px;
+    }
     .single-value__icon {
       background-color: $--chart-single-value-icon-background-color;
       border-radius: 50%;
       position: relative;
-      margin-right: 7.5%;
-      margin-bottom: 6%;
       width: 56px;
       height: 56px;
       i {
@@ -109,6 +110,7 @@
       display: flex;
       height: 100%;
       flex-direction: column;
+      padding: 0 10px;
       .content__title {
         display: flex;
         align-items: center;
@@ -141,13 +143,16 @@
       flex-direction: row-reverse;
       justify-content: space-between;
       align-items: center;
+
       .single-value-icon__box {
         padding-right: 30px;
+
         .single-value__icon {
           border-radius: 50%;
           position: relative;
           margin-right: 7.5%;
           margin-top: 30%;
+
           .cn-icon-svg {
             width: 50px;
             height: 50px;