瀏覽代碼

Fix chart styling with border-radius (#2160)

Paweł Kuna 6 月之前
父節點
當前提交
2d05b5d5d3
共有 2 個文件被更改,包括 6 次插入1 次删除
  1. 5 0
      core/scss/vendor/_apexcharts.scss
  2. 1 1
      preview/pages/_includes/cards/charts/revenue.html

+ 5 - 0
core/scss/vendor/_apexcharts.scss

@@ -40,4 +40,9 @@
 
 
 .apexcharts-radialbar-track .apexcharts-radialbar-area {
 .apexcharts-radialbar-track .apexcharts-radialbar-area {
   stroke: var(--#{$prefix}border-color) !important;
   stroke: var(--#{$prefix}border-color) !important;
+}
+
+.apexcharts-svg,
+.apexcharts-canvas {
+  border-radius: inherit;
 }
 }

+ 1 - 1
preview/pages/_includes/cards/charts/revenue.html

@@ -13,5 +13,5 @@
 			</div>
 			</div>
 		</div>
 		</div>
 	</div>
 	</div>
-	{% include "ui/chart.html" chart-id="revenue-bg" size="sm" %}
+	{% include "ui/chart.html" chart-id="revenue-bg" size="sm" class="rounded-bottom" %}
 </div>
 </div>