change btn to flex wrap

aecuto · Mar 1, 2024 · fe5e4f9 · fe5e4f9
1 parent 23102c0
commit fe5e4f9
Showing 1 changed file with 17 additions and 10 deletions.
diff --git a/src/app/components/Skill.tsx b/src/app/components/Skill.tsx
@@ -72,16 +72,23 @@ export function Skills() {
               <Typography variant="h5" className="mb-2 text-white">
                 {label}
               </Typography>
-              {value.map((value) => (
-                <Button
-                  key={value}
-                  variant="outlined"
-                  className="p-0 m-1 text-white border-0 w-fit"
-                >
-                  <StackIcon name={value} />
-                  <p>{value}</p>
-                </Button>
-              ))}
+              {/* <span>
+                <StackIcon name={`js`} />
+
+                <span>Kramer</span>
+              </span> */}
+
+              <div className="flex flex-wrap">
+                {value.map((value) => (
+                  <div
+                    key={value}
+                    className="m-1 text-white text-center hover:opacity-50 cursor-pointer"
+                  >
+                    <StackIcon name={value} />
+                    <p className="text-center">{value}</p>
+                  </div>
+                ))}
+              </div>
             </CardBody>
           </Card>
         </div>