design: added a rim to circle rank's progress (6f79b495) · Commits · 郑智淋 / github-readme-stats

src/renderStatsCard.js

+8 −1

Original line number	Diff line number	Diff line
		@@ -113,6 +113,7 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
		: `<g data-testid="rank-circle" transform="translate(400, ${
		height / 1.85
		})">
		<circle class="rank-circle-rim" cx="-10" cy="8" r="40" />
		<circle class="rank-circle" cx="-10" cy="8" r="40" />
		<text
		x="0"
		@@ -139,6 +140,12 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
		fill: ${iconColor};
		display: ${!!show_icons ? "block" : "none"};
		}
		.rank-circle-rim {
		stroke: ${titleColor};
		fill: none;
		stroke-width: 6;
		opacity: 0.2;
		}
		.rank-circle {
		stroke-dashoffset: 30;
		stroke-dasharray: ${rankProgress};