done with svg

LeoGytis · Dec 31, 2023 · dbb2fb9 · dbb2fb9
1 parent f267439
commit dbb2fb9
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git a/public/images/svg/svgGmail.js b/public/images/svg/svgGmail.js
@@ -1,8 +1,8 @@
 const SvgGmail = ({ className, ...props }) => (
   <svg
-    width="30"
-    height="30"
-    viewBox="0 0 56 50"
+    width="28"
+    height="28"
+    viewBox="0 0 50 50"
     xmlns="http://www.w3.org/2000/svg"
     className={className}
     {...props}

diff --git a/public/images/svg/svgLinkedIn.js b/public/images/svg/svgLinkedIn.js
@@ -1,5 +1,12 @@
-const SvgLinkedIn = (props) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" {...props}>
+import React from "react";
+
+const SvgLinkedIn = ({ className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
+    className={className}
+    {...props}
+  >
     <path d="M10 .4C4.698.4.4 4.698.4 10s4.298 9.6 9.6 9.6 9.6-4.298 9.6-9.6S15.302.4 10 .4zM7.65 13.979H5.706V7.723H7.65v6.256zm-.984-7.024c-.614 0-1.011-.435-1.011-.973 0-.549.409-.971 1.036-.971s1.011.422 1.023.971c0 .538-.396.973-1.048.973zm8.084 7.024h-1.944v-3.467c0-.807-.282-1.355-.985-1.355-.537 0-.856.371-.997.728-.052.127-.065.307-.065.486v3.607H8.814v-4.26c0-.781-.025-1.434-.051-1.996h1.689l.089.869h.039c.256-.408.883-1.01 1.932-1.01 1.279 0 2.238.857 2.238 2.699v3.699z" />
   </svg>
 );

diff --git a/src/app/components/SocialMedia.tsx b/src/app/components/SocialMedia.tsx
@@ -13,10 +13,10 @@ const SocialMedia: any = () => {
       </a>
 
       <a href="https://www.linkedin.com/in/gytis-leonavicius-74839519a/">
-        <SvgLinkedIn className="w-12 text-[1.7rem] fill-tag  hover:cursor-pointer hover:fill-primary" />
+        <SvgLinkedIn className="w-7 text-[1.7rem] fill-tag  hover:cursor-pointer hover:fill-primary" />
       </a>
       <a href="mailto:[email protected]">
-        <SvgGmail className=" text-2xl fill-tag hover:cursor-pointer hover:fill-primary" />
+        <SvgGmail className="text-2xl fill-tag hover:cursor-pointer hover:fill-primary" />
       </a>
     </div>
   );