Add icon sizes

BrunoQuaresma · BrunoQuaresma · commit 2a793169d458 · 2024-12-27T13:26:57.000Z
diff --git a/site/src/components/DropdownMenu/DropdownMenu.tsx b/site/src/components/DropdownMenu/DropdownMenu.tsx
@@ -234,5 +234,5 @@ export const DropdownMenuButton = forwardRef<
 DropdownMenuButton.displayName = "DropdownMenuButton";
 
 export const DropdownMenuChevronDown: FC = () => {
-	return <ChevronDownIcon className="text-content-primary" />;
+	return <ChevronDownIcon className="text-content-primary !size-icon-xs" />;
 };
diff --git a/site/tailwind.config.js b/site/tailwind.config.js
@@ -8,6 +8,11 @@ module.exports = {
 	important: ["#root", "#storybook-root"],
 	theme: {
 		extend: {
+			size: {
+				"icon-lg": "1.5rem",
+				"icon-sm": "1.125rem",
+				"icon-xs": "0.875rem",
+			},
 			fontSize: {
 				"2xs": ["0.625rem", "0.875rem"],
 				sm: ["0.875rem", "1.5rem"],
