Languagesのパーセンテージバーの実装

[natsumi-h]

パーセンテージバーの実装参考にさせて頂きました！

qin-team-dev/src/components/Github.jsx

Lines 66 to 92 in 7ba7987

	<div className="mt-2">
	<ul className="flex flex-wrap">
	{github.languages.edges.map((language) => {
	return (
	<li
	className="mr-2 flex items-center"
	key={language.node.name}
	>
	<span
	className="h-2 w-2 rounded-full"
	style={{ background: language.node.color }}
	></span>
	<span className="ml-[6px] text-xs font-bold">
	{language.node.name}
	</span>
	<span className="ml-[6px] text-xs font-bold opacity-70">
	{Math.round(
	(language.size / github.languages.totalSize) *
	1000
	) / 10}
	%
	</span>
	</li>
	);
	})}
	</ul>
	</div>