changes(app): Adjust heroes' card color for improved logo visibility

ful1e5 · Mar 25, 2024 · 7b4b02e · 7b4b02e
1 parent c637f6a
commit 7b4b02e
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -19,6 +19,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changes
 
 -   Reusable `Marquee` Component
+-   Adjust heroes' card color for improved logo visibility
 
 ### Fixes
 

diff --git a/src/components/HeroesElements/card.tsx b/src/components/HeroesElements/card.tsx
@@ -20,7 +20,7 @@ export const HeroesCard: React.FC<Props> = (props) => {
         {props.special && (
           <div className='absolute blur-sm sm:blur-md scale-105 opacity-50 w-52 sm:w-72 h-5/6 translate-y-1 rounded-3xl bg-[linear-gradient(to_right,theme(colors.blue.600),theme(colors.orange.600),theme(colors.pink.600),theme(colors.blue.600))] bg-[length:200%_auto] animate-gradient' />
         )}
-        <div className='w-52 sm:w-72 bg-black rounded-3xl overflow-hidden text-center drop-shadow-lg border border-white/[.1] '>
+        <div className='w-52 sm:w-72 bg-zinc-800 rounded-3xl overflow-hidden text-center drop-shadow-lg border border-white/[.1] '>
           <img
             alt={props.name}
             className={`saturate-150 brightness-105 ${props.classes || ''} `}

diff --git a/src/components/HeroesElements/index.tsx b/src/components/HeroesElements/index.tsx
@@ -23,7 +23,6 @@ export const HeroesElements: React.FC<Props> = (_props) => {
         link='https://github.com/github'
         name='GitHub'
         role='One-time Sponsor'
-        classes='p-5'
       />
       <Card
         imgUrl='https://avatars.githubusercontent.com/u/107184?v=4'