fix(footer): Fixed text in team & footer sections.

* Fixed spacing on mobile and letter size on marquees * Fixed horizontal spacing for acheivement text * Hopefuly this fixes the remote build.
shampsdev · Oct 24, 2024 · fd8deb0 · fd8deb0
1 parent 5b8a3ca
commit fd8deb0
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/app/components/icons.tsx b/app/components/icons.tsx
@@ -399,7 +399,7 @@ export const Icons = {
       src='/logo-icons/2.png'
       alt='logo'
       className={twMerge(
-        "h-[2rem] w-[2rem] inline-block object-contain",
+        "h-[1.5rem] w-[1.5rem] md:h-[2rem] md:w-[2rem] inline-block object-contain",
         props.className
       )}
     />
@@ -409,7 +409,7 @@ export const Icons = {
       src='/icons/coffee.png'
       alt='logo'
       className={twMerge(
-        "h-[2rem] w-[2rem] inline-block object-contain",
+        "h-[1.5rem] w-[1.5rem] md:h-[2rem] md:w-[2rem] inline-block object-contain",
         props.className
       )}
     />

diff --git a/app/components/news-ticker.tsx b/app/components/news-ticker.tsx
@@ -19,7 +19,7 @@ export const NewsTicker = ({ newsTop, newsBottom }: NewsTickerProps) => {
             key={`${index}_${x.title}}`}
             className='pr-10 flex items-center gap-5'
           >
-            {x.icon} <span className='text-xl'>{x.title}</span>
+            {x.icon} <span className='text-lg md:text-xl'>{x.title}</span>
           </div>
         ))}
       </Marquee>
@@ -29,7 +29,7 @@ export const NewsTicker = ({ newsTop, newsBottom }: NewsTickerProps) => {
             key={`${index}_${x.title}}`}
             className='pr-10 flex items-center gap-5'
           >
-            {x.icon} <span className='text-xl'>{x.title}</span>
+            {x.icon} <span className='text-lg md:text-xl'>{x.title}</span>
           </div>
         ))}
       </Marquee>

diff --git a/app/modules/team.section.tsx b/app/modules/team.section.tsx
@@ -70,7 +70,7 @@ const supporters: People[] = [
 
 export const TeamSection = () => {
   return (
-    <div id='team' className='min-h-screen pt-24'>
+    <div id='team' className='w-[90%] mx-auto min-h-screen pt-24'>
       <p className='text-center text-xl pb-12'>Команда</p>
       <div className='grid md:grid-cols-2 lg:grid-cols-3 w-[90%] mx-auto gap-5'>
         {team.map((person, index) => (

diff --git a/app/pages/home.page.tsx b/app/pages/home.page.tsx
@@ -9,7 +9,7 @@ export const HomePage = () => {
   return (
     <>
       <Header />
-      <div className='space-y-20 md:space-y-10'>
+      <div className='space-y-10'>
         <HeroSection />
         <ProjectsSection />
         <AcheivementsSection />

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -66,5 +66,5 @@ export default {
       },
     },
   },
-  plugins: [require('tailwindcss-animate')],
+  plugins: [],
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -66,5 +66,5 @@ export default { @@
           },
         },
       },
-      plugins: [require('tailwindcss-animate')],
+      plugins: [],
     };