Modified character card styles

AmirKakavand · Aug 5, 2024 · cf51f36 · cf51f36
1 parent d766748
commit cf51f36
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/app/components/CharacterCard.tsx b/app/components/CharacterCard.tsx
@@ -22,8 +22,8 @@ export const CharacterCard = (props: IProps) => {
     //   {error && <p>Something went wrong</p>}
     //   {character && <p>Character Name: {character.name}</p>}
     // </>
-    <article className="character-card h-full pb-4 mx-2 sm:m-6 shadow-neutral-300/25 rounded-xl flex flex-col justify-around items-center bg-cardBgColor">
-      <header className="text-center my-2">
+    <article className="character-card h-full pb-4 mx-2 sm:m-4 shadow-neutral-300/25 rounded-xl flex flex-col justify-around items-center">
+      <header className="text-center my-2 sm:my-0">
         <h2 className="text-3xl">{character?.name}</h2>
       </header>
 

diff --git a/app/globals.css b/app/globals.css
@@ -23,8 +23,9 @@ body {
 }
 
 .character-card {
-  box-shadow: 10px 10px #F9F4DA;
-  border: #F9F4DA 2px solid;
+  box-shadow: 10px 10px #F9F4DA !important;
+  background-color: #231F20 !important;
+  border: #F9F4DA 2px solid !important;
   text-shadow: 
     -1px -1px 0 #000,
      1px -1px 0 #000,