chore: social icons

vitwit · Sep 12, 2024 · c71a96c · c71a96c
1 parent 8c98179
commit c71a96c
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 63 deletions.
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
@@ -210,7 +210,7 @@ input[type='checkbox'] {
   @apply w-full border-none cursor-text focus:outline-none bg-transparent placeholder:text-[#FFFFFF30] placeholder:font-normal text-[#ffffff];
 }
 .footer-bg {
-  @apply flex flex-col items-start gap-4 w-full px-10 py-16;
+  @apply flex flex-col items-start gap-6 w-full px-10 py-24;
   background: rgba(255, 255, 255, 0.02);
 }
 .profile-grid,

diff --git a/frontend/src/components/common/Footer.tsx b/frontend/src/components/common/Footer.tsx
@@ -5,75 +5,85 @@ import { RESOLUTE_LOGO } from '@/constants/image-names';
 const Footer = () => {
   return (
     <div className="footer-bg mt-8">
-      <div className="flex justify-between w-full">
-        <div>
-          {/* <Image
+      <div>
+        {/* <Image
             src="resolute-logo-vitwit.svg"
             width={100}
             height={20}
             alt="resolute-logo"
           /> */}
-          <p className="text-h1">RESOLUTE</p>
-          <p className="text-b1 opacity-50">Powered by vitwit</p>
-        </div>
-        <div className="flex gap-4 justify-end">
-          <a
-            href="https://t.me/+3bXmS6GE4HRjYmU1"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              src="/telegram-icon.png"
-              width={24}
-              height={24}
-              alt="telegram-logo"
-              className="w-6 h-6"
-            />
-          </a>
-          <a
-            href="https://github.com/vitwit/resolute"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              src="/github-logo.png"
-              width={24}
-              height={24}
-              alt="github-logo"
-              // className="w-6 h-6"
-            />
-          </a>
-          <a
-            href="https://twitter.com/vitwit_"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              src="/twitter-icon.png"
-              width={24}
-              height={24}
-              alt="twitter-logo"
-              // className="w-6 h-6"
-            />
-          </a>
-          <a
-            href="https://www.youtube.com/@vitwit8623"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              src="/youtube-logo.png"
-              width={24}
-              height={24}
-              alt="youtube-logo"
-              className="w-6 h-6"
-            />
-          </a>
-        </div>
+        <p className="text-h1">RESOLUTE</p>
+        <p className="text-b1 opacity-50">Powered by vitwit</p>
       </div>
+
       <div className="text-b1">
-        Vitwit is a leading Cosmos dev agency and validator company. Proudly serving as
-        one of the core contributors to the Cosmos SDK.
+        Vitwit is a leading Cosmos dev agency and validator company. Proudly
+        serving as one of the core contributors to the Cosmos SDK.
+      </div>
+      <div className="flex gap-10 justify-between">
+        <a
+          className="flex gap-2 items-center"
+          href="https://t.me/+3bXmS6GE4HRjYmU1"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <Image
+            src="/telegram-icon.png"
+            width={20}
+            height={20}
+            alt="telegram-logo"
+            // className="w-5 h-5"
+          />
+          <p className="">telegram</p>
+        </a>
+        <div className='v-line !h-10'></div>
+        <a
+          className="flex gap-2 items-center"
+          href="https://github.com/vitwit/resolute"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <Image
+            src="/github-logo.png"
+            width={20}
+            height={20}
+            alt="github-logo"
+            // className="w-6 h-6"
+          />
+          <p> github</p>
+        </a>
+        <div className='v-line !h-10'></div>
+        <a
+          className="flex gap-2 items-center"
+          href="https://twitter.com/vitwit_"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <Image
+            src="/twitter-icon.png"
+            width={20}
+            height={20}
+            alt="twitter-logo"
+            // className="w-6 h-6"
+          />
+          <p>twitter</p>
+        </a>
+        <div className='v-line !h-10'></div>
+        <a
+          className="flex gap-2 items-center"
+          href="https://www.youtube.com/@vitwit8623"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <Image
+            src="/youtube-logo.png"
+            width={20}
+            height={24}
+            alt="youtube-logo"
+            className="w-6 h-6"
+          />
+          <p>youtube</p>
+        </a>
       </div>
     </div>
   );