save for now

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

Hide file tree

Showing 6 changed files with 43 additions and 42 deletions.
diff --git a/public/images/svg/ssvg_gmail.svg b/public/images/svg/ssvg_gmail.svg
diff --git a/public/images/svg/svgGmail copy.js b/public/images/svg/svgGmail copy.js
@@ -0,0 +1,24 @@
+const SvgGmail = (props) => (
+  <svg
+    className="svg-icon"
+    style={{
+      width: "1em",
+      height: "1em",
+      verticalAlign: "middle",
+      fill: "currentColor",
+      overflow: "hidden",
+    }}
+    viewBox="0 0 1024 1024"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      stroke="null"
+      id="svg_1"
+      d="m921.6,32.60952l-819.2,0c-56.32,0 -102.4,54.03987 -102.4,120.08859l0,720.53153c0,66.04872 46.08,120.08859 102.4,120.08859l819.2,0c56.32,0 102.4,-54.03987 102.4,-120.08859l0,-720.53153c0,-66.04872 -46.08,-120.08859 -102.4,-120.08859zm0,840.62012l-102.4,0l0,-528.38978l-307.2,228.16832l-307.2,-228.16832l0,528.38978l-102.4,0l0,-720.53153l61.44,0l348.16,252.18603l348.16,-252.18603l61.44,0l0,720.53153z"
+    />
+  </svg>
+);
+
+export default SvgGmail;
diff --git a/public/images/svg/svgGmail.js b/public/images/svg/svgGmail.js
@@ -1,23 +1,13 @@
-const SvgGmail = (props) => (
+const SvgGmail = ({ className, ...props }) => (
   <svg
-    className="svg-icon"
-    style={{
-      width: "1em",
-      height: "1em",
-      verticalAlign: "middle",
-      fill: "currentColor",
-      overflow: "hidden",
-    }}
-    viewBox="0 0 1024 1024"
-    version="1.1"
+    width="30"
+    height="30"
+    viewBox="0 0 56 50"
     xmlns="http://www.w3.org/2000/svg"
+    className={className}
     {...props}
   >
-    <path
-      stroke="null"
-      id="svg_1"
-      d="m921.6,32.60952l-819.2,0c-56.32,0 -102.4,54.03987 -102.4,120.08859l0,720.53153c0,66.04872 46.08,120.08859 102.4,120.08859l819.2,0c56.32,0 102.4,-54.03987 102.4,-120.08859l0,-720.53153c0,-66.04872 -46.08,-120.08859 -102.4,-120.08859zm0,840.62012l-102.4,0l0,-528.38978l-307.2,228.16832l-307.2,-228.16832l0,528.38978l-102.4,0l0,-720.53153l61.44,0l348.16,252.18603l348.16,-252.18603l61.44,0l0,720.53153z"
-    />
+    <path d="M24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0ZM23.9639 26.0193L14.9987 19.5115V33.23H13.5009C12.6664 33.23 12.0031 32.5667 12.0031 31.7322V16.562C12.0031 16.4985 12.007 16.4389 12.0144 16.3831C12.0416 16.1451 12.1284 15.9122 12.2813 15.7061C12.7734 15.0428 13.7363 14.893 14.421 15.3851L23.9853 22.3391L33.6138 15.2996C34.2771 14.8074 35.2186 14.9572 35.7107 15.6419C35.9723 15.9945 36.0525 16.4256 35.9674 16.8261V31.7536C35.9674 32.5667 35.3041 33.23 34.4697 33.23H32.9719V19.4788L23.9639 26.0193Z" />
   </svg>
 );
 

diff --git a/public/images/svg/svg_gmail.svg → public/images/svg/svg_gmail_sq.svg b/public/images/svg/svg_gmail.svg → public/images/svg/svg_gmail_sq.svg
diff --git a/public/images/svg/linkedin.svg → public/images/svg/svg_linkedin.svg b/public/images/svg/linkedin.svg → public/images/svg/svg_linkedin.svg
diff --git a/src/app/components/SocialMedia.tsx b/src/app/components/SocialMedia.tsx
@@ -1,38 +1,22 @@
-import { BsGithub, BsLinkedin, BsFacebook } from "react-icons/bs";
-import { HiMail } from "react-icons/hi";
-import { RiMailSendLine } from "react-icons/ri";
-import { TbMailFilled } from "react-icons/tb";
-import { SiGmail } from "react-icons/si";
-import { BiLogoGmail } from "react-icons/bi";
+import { BsGithub, BsFacebook } from "react-icons/bs";
 import SvgGmail from "../../../public/images/svg/svgGmail";
 import SvgLinkedIn from "../../../public/images/svg/SvgLinkedIn";
 
 const SocialMedia: any = () => {
   return (
     <div className="flex items-center ml-1 gap-4">
-      <a
-        href="https://www.facebook.com/divergytis"
-        className="hover:cursor-pointer text-2xl text-tag hover:text-nav-inactive"
-      >
-        <BsFacebook className="hover:text-primary" />
+      <a href="https://www.facebook.com/divergytis" className=" ">
+        <BsFacebook className="text-2xl text-tag hover:cursor-pointer hover:text-primary" />
       </a>
-      <a
-        href="https://github.com/LeoGytis"
-        className="hover:cursor-pointer text-2xl text-tag hover:text-nav-inactive"
-      >
-        <BsGithub className="hover:text-primary" />
+      <a href="https://github.com/LeoGytis">
+        <BsGithub className="text-2xl text-tag hover:cursor-pointer hover:text-primary" />
       </a>
-      <a
-        href="https://www.linkedin.com/in/gytis-leonavicius-74839519a/"
-        className="hover:cursor-pointer text-[1.7rem] text-tag hover:text-nav-inactive"
-      >
-        <SvgLinkedIn className="fill-tag hover:fill-primary" />
+
+      <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" />
       </a>
-      <a
-        href="mailto:[email protected]"
-        className="hover:cursor-pointer text-2xl text-tag hover:text-nav-inactive"
-      >
-        <SvgGmail className="fill-tag hover:fill-primary" />
+      <a href="mailto:[email protected]">
+        <SvgGmail className=" text-2xl fill-tag hover:cursor-pointer hover:fill-primary" />
       </a>
     </div>
   );