added vscode icon

dheereshagrwal · Dec 2, 2023 · f7e587a · f7e587a
1 parent c92fb00
commit f7e587a
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -19,7 +19,7 @@ To use the Colored Icons Library, simply add the following CDN link to your HTML
 ```
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/gh/dheereshagrwal/colored-icons@1.7.2/src/app/ci.min.css"
+  href="https://cdn.jsdelivr.net/gh/dheereshagrwal/colored-icons@1.7.3/src/app/ci.min.css"
 />
 ```
 

diff --git a/public/icons/vscode/vscode.png b/public/icons/vscode/vscode.png
diff --git a/src/app/ci.min.css b/src/app/ci.min.css
diff --git a/src/components/Icon/IconCard.tsx b/src/components/Icon/IconCard.tsx
@@ -11,7 +11,7 @@ const IconCard: React.FC<IconCardProps> = ({ icon }) => {
       <i className={`${icon.classes[0]} ci-2x`}></i>
       <span className="flex flex-col gap-1 text-xs">
         <h4 className="text-gray-800 font-semibold truncate">{icon.name}</h4>
-        <h4 className="text-gray-400">{icon.url}</h4>
+        <h4 className="text-gray-400 text-2xs">{icon.url}</h4>
       </span>
     </div>
   );

diff --git a/src/constants/icons.ts b/src/constants/icons.ts
@@ -1,7 +1,7 @@
 const icons = [
   {
-    name: "VisualStudioCode",
-    catergory:"technology",
+    name: "VS Code",
+    category:"technology",
     classes: ["ci ci-vscode"],
     url: "code.visualstudio.com"
   },

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -8,6 +8,9 @@ const config: Config = {
   ],
   theme: {
     extend: {
+      fontSize: {
+        "2xs": ["0.625rem", { lineHeight: "0.75rem" }],
+      },
       maxHeight: {
         104: "26rem",
         112: "28rem",