general styling, public

2026-05-04 22:18:19 +00:00 · 2024-02-23 19:45:54 +01:00
parent 266d27f6ff
commit 579ffd790d
10 changed files with 273 additions and 0 deletions
@@ -0,0 +1,32 @@
+import { FaHtml5, FaCss3Alt, FaJs, FaVuejs, FaReact } from 'react-icons/fa';
+import { SiNestjs, SiNuxtdotjs, SiPrisma, SiTypescript, SiPostgresql } from 'react-icons/si';
+import { styled } from 'styled-components';
+
+// Styled
+const StyledTechScroller = styled.ul`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1em;
+  font-size: 2.5em;
+
+  width: 100%;
+
+  svg {
+    vertical-align: middle;
+  }
+`;
+
+// Component
+const techs = [FaHtml5, FaCss3Alt, FaJs, FaVuejs, FaReact, SiNestjs, SiNuxtdotjs, SiPrisma, SiTypescript, SiPostgresql];
+
+function TechScroller() {
+  return (
+    <StyledTechScroller>
+      {techs.map((TechIcon) => (
+        <TechIcon />
+      ))}
+    </StyledTechScroller>
+  );
+}
+
+export default TechScroller;