From 4c9cd89642fac982189cb5ff112dfee73730e2a8 Mon Sep 17 00:00:00 2001
From: dsmooot <dustinsmoote@gmail.com>
Date: Fri, 27 Sep 2024 01:09:22 -0300
Subject: [PATCH] social svg responsive sizing. projects header bg updated on
 mobile.

---
 app/info/page.tsx                                  |  2 +-
 app/projects/page.tsx                              |  2 +-
 src/components/dom/icons/EmailIcon.tsx             |  3 +--
 src/components/dom/icons/GitIcon.tsx               |  7 ++++++-
 src/components/dom/icons/LinkedInIcon.tsx          | 10 +---------
 src/components/dom/pages/projects/ProjectsList.tsx |  2 +-
 6 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/app/info/page.tsx b/app/info/page.tsx
index 1552c35..df61229 100644
--- a/app/info/page.tsx
+++ b/app/info/page.tsx
@@ -80,7 +80,7 @@ const Contact = () => {
             </Body>
           </div>
         </div>
-        <div className='flex w-full flex-col items-center justify-center gap-y-8 lg:flex-row lg:justify-between'>
+        <div className='mb-32 flex w-full flex-col items-center justify-center gap-y-8 lg:flex-row lg:justify-between'>
           <a
             id={'resume'}
             href={'/'}
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 60e0b52..a8af69a 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -138,7 +138,7 @@ const Projects = () => {
       <div className='flex w-full flex-col items-start justify-center gap-x-16 p-4 md:p-8 lg:p-16'>
         <div
           ref={headerContainerRef}
-          className='fixed left-0 top-0 z-10 flex w-full flex-row justify-center bg-transparent px-2 pt-4 sm:pr-4 md:px-8 md:pt-16 lg:px-16 xl:px-0 xl:pt-16'
+          className='fixed left-0 top-0 z-10 flex w-full flex-row justify-center bg-[#fcfcf4] px-2 pt-4 sm:pr-4 md:px-8 md:pt-16 lg:px-16 xl:bg-transparent xl:px-0 xl:pt-16'
         >
           <div className='flex w-full max-w-screen-xl flex-col gap-y-8'>
             <Title id='work'>
diff --git a/src/components/dom/icons/EmailIcon.tsx b/src/components/dom/icons/EmailIcon.tsx
index 3304d56..3619d95 100644
--- a/src/components/dom/icons/EmailIcon.tsx
+++ b/src/components/dom/icons/EmailIcon.tsx
@@ -1,7 +1,6 @@
 export default function EmailIcon() {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.25 32'>
-      <defs></defs>
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.25 32' className='h-full w-full'>
       <title>Email Me</title>
       <g>
         <g>
diff --git a/src/components/dom/icons/GitIcon.tsx b/src/components/dom/icons/GitIcon.tsx
index 70077f6..2b49f29 100644
--- a/src/components/dom/icons/GitIcon.tsx
+++ b/src/components/dom/icons/GitIcon.tsx
@@ -1,6 +1,11 @@
 export default function GitIcon() {
   return (
-    <svg viewBox='0 0 256 250' version='1.1' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid'>
+    <svg
+      viewBox='0 0 256 250'
+      xmlns='http://www.w3.org/2000/svg'
+      preserveAspectRatio='xMidYMid'
+      className='h-full w-full'
+    >
       <title>GitHub</title>
       <g>
         <path
diff --git a/src/components/dom/icons/LinkedInIcon.tsx b/src/components/dom/icons/LinkedInIcon.tsx
index bf36fff..a032ea1 100644
--- a/src/components/dom/icons/LinkedInIcon.tsx
+++ b/src/components/dom/icons/LinkedInIcon.tsx
@@ -1,14 +1,6 @@
 export default function LinkedInIcon() {
   return (
-    <svg
-      fill='#000000'
-      height='800px'
-      width='800px'
-      version='1.1'
-      id='Layer_1'
-      xmlns='http://www.w3.org/2000/svg'
-      viewBox='0 0 310 310'
-    >
+    <svg viewBox='0 0 310 310' xmlns='http://www.w3.org/2000/svg' className='h-full w-full'>
       <title>LinkedIn</title>
       <g id='XMLID_801_'>
         <path
diff --git a/src/components/dom/pages/projects/ProjectsList.tsx b/src/components/dom/pages/projects/ProjectsList.tsx
index e23d5c4..c99dff2 100644
--- a/src/components/dom/pages/projects/ProjectsList.tsx
+++ b/src/components/dom/pages/projects/ProjectsList.tsx
@@ -54,7 +54,7 @@ const ProjectList = {
               </FilterButton>
             )}
           </div>
-          <div id='divider' className='h-px w-full border-t border-t-gray-500 pb-4 xl:pb-8' />
+          <div id='divider' className='h-px w-full border-t border-t-gray-500 xl:pb-8' />
         </>
       )
     },