adjust spacing

vascYT · Dec 10, 2023 · 7daaf0b · 7daaf0b
1 parent 864631c
commit 7daaf0b
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Lanyard.tsx b/src/components/Lanyard.tsx
@@ -14,7 +14,7 @@ export default function SpotifyActivity() {
   const activity = useLanyardWS("346977366569910274");
 
   return (
-    <div className="flex h-full flex-col justify-stretch gap-5">
+    <div className="flex h-full min-h-[200px] flex-col justify-stretch gap-5">
       <a
         href={
           activity?.discord_user.id

diff --git a/src/components/Socials.tsx b/src/components/Socials.tsx
@@ -42,7 +42,7 @@ const links = [
 export default function SocialGallery() {
   return (
     <>
-      <div className="inline-flex h-full flex-auto space-x-4 text-2xl">
+      <div className="flex h-full gap-5">
         {links.map((link) => (
           <a
             href={link.url}
@@ -51,7 +51,7 @@ export default function SocialGallery() {
             rel={link.rel}
             key={link.url}
           >
-            <link.icon />
+            <link.icon className="h-6 w-6" />
           </a>
         ))}
       </div>

diff --git a/src/components/Technologies.tsx b/src/components/Technologies.tsx
@@ -103,7 +103,7 @@ export default function Technologies() {
   }, []);
 
   return (
-    <div className="grid h-full grid-cols-4 gap-5 rounded-3xl border border-white/10 bg-white/5 p-5">
+    <div className="grid h-full grid-cols-4 gap-7 rounded-3xl border border-white/10 bg-white/5 p-6">
       {data.map((item, i) => (
         <Technology key={i} item={item} />
       ))}

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -10,7 +10,7 @@ import Technologies from "../components/Technologies";
   title="Hey, I'm vasc"
   description="A software engineer from Vienna, Austria."
 >
-  <div class="my-5 grid grid-cols-1 gap-5 sm:grid-cols-2 [&>*]:min-h-[200px]">
+  <div class="my-5 grid grid-cols-1 gap-5 sm:grid-cols-2">
     <div
       class="flex flex-col items-stretch rounded-3xl border border-white/10 bg-white/5 sm:col-span-2 sm:flex-row"
     >