Merge pull request #995 from RomThpt/fix-974

Fix: X icon & space between socials icons
lfglabs-dev · Dec 17, 2024 · 03b7aca · 03b7aca
2 parents 1bc8ad0 + e9e18fc
commit 03b7aca
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 18 deletions.
diff --git a/components/UI/iconsComponents/icons/twitterIcon.tsx b/components/UI/iconsComponents/icons/twitterIcon.tsx
@@ -6,10 +6,10 @@ const TwitterIcon: FunctionComponent<IconProps> = ({ width, color }) => {
       xmlns="http://www.w3.org/2000/svg"
       width={width}
       height={width}
-      viewBox="0 0 24 24"
+      viewBox="0 0 1200 1227"
       fill={color}
     >
-      <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+      <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
     </svg>
   );
 };

diff --git a/components/UI/profileCard/profileCard.tsx b/components/UI/profileCard/profileCard.tsx
@@ -230,21 +230,23 @@ const ProfileCard: FunctionComponent<ProfileCardProps> = ({
             <div className={styles.right_socials}>
               <SocialMediaActions identity={identity} />
               {tweetShareLink && (
-                <Link
-                  href={tweetShareLink}
-                  target='_blank'
-                  rel='noreferrer'
-                >
-                  <div className={styles.right_share_button}>
-                    <CDNImage
-                      src={shareSrc}
-                      width={20}
-                      height={20}
-                      alt='share-icon'
-                    />
-                    <Typography type={TEXT_TYPE.BODY_DEFAULT}>Share</Typography>
-                  </div>
-                </Link>
+                <div className={styles.share_button_wrapper}>
+                  <Link
+                    href={tweetShareLink}
+                    target='_blank'
+                    rel='noreferrer'
+                  >
+                    <div className={styles.right_share_button}>
+                      <CDNImage
+                        src={shareSrc}
+                        width={20}
+                        height={20}
+                        alt='share-icon'
+                      />
+                      <Typography type={TEXT_TYPE.BODY_DEFAULT}>Share</Typography>
+                    </div>
+                  </Link>
+                </div>
               )}
             </div>
           </div>

diff --git a/styles/components/icons.module.css b/styles/components/icons.module.css
@@ -24,7 +24,7 @@
 .clickableIconDiscord,
 .clickableIconGithub,
 .clickableIconTwitter {
-  background-color: #55acee;
+  background-color: #101012;
   border-radius: 25%;
   padding: 0.5rem;
   position: relative;

diff --git a/styles/dashboard.module.css b/styles/dashboard.module.css
@@ -164,11 +164,16 @@
 .social_icon {
   width: 32px;
   height: 32px;
+  margin-left: 8px;
   border-radius: 12px;
   background-color: white;
   cursor: pointer;
 }
 
+.share_button_wrapper {
+  margin-left: 48px;
+}
+
 .right_share_button {
   width: auto;
   height: 32px;