style: align button styles

MarcoEscaleira · Apr 20, 2024 · 889d251 · 889d251
1 parent 16cc91f
commit 889d251
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -45,7 +45,7 @@ export function Header() {
   return (
     <>
       <header
-        className={`fixed left-0 top-0 z-10 w-full px-2 py-2 sm:px-6 sm:py-4 md:px-4 ${isHome ? "bg-transparent" : "bg-white"} ${top > 5 ? "shadow" : ""}`}
+        className={`fixed left-0 top-0 z-10 w-full px-2 py-2 sm:px-6 sm:py-4 md:px-4 ${isHome ? "bg-transparent" : "bg-white"} ${top > 5 && !isHome ? "shadow" : ""}`}
       >
         <div className="flex items-center justify-between">
           <Tooltip content="Home">

diff --git a/src/components/QuizComments/QuizComments.tsx b/src/components/QuizComments/QuizComments.tsx
@@ -61,7 +61,7 @@ export function QuizComments() {
           <form onSubmit={handleSubmit(onSubmit)}>
             <Textarea {...register("text")} size="lg" label="Comment" error={!!errors.text} />
             <Button
-              color="blue"
+              color="green"
               type="submit"
               loading={loadingCreateComment}
               disabled={loadingCreateComment || !form.formState.isDirty}

diff --git a/src/components/TagsInput/react-tagsinput.css b/src/components/TagsInput/react-tagsinput.css
@@ -13,7 +13,7 @@
 
 .react-tagsinput-tag {
   background-color: rgb(51 65 85);
-  border-radius: 2px;
+  border-radius: 6px;
   border: 1px solid rgb(33 33 33 / 1);
   color: #fff;
   display: inline-block;

diff --git a/src/pages/Game/CountryQuizCard.tsx b/src/pages/Game/CountryQuizCard.tsx
@@ -48,7 +48,7 @@ export const CountryQuizCard = ({ id, image, title, description, difficulty, tim
         </div>
       </CardBody>
       <CardFooter className="px-6 pb-4 pt-0">
-        <Button size="md" color="blue" fullWidth={true} onClick={() => navigate(`/game/quiz/${id}`)}>
+        <Button size="md" color="black" fullWidth={true} onClick={() => navigate(`/game/quiz/${id}`)}>
           Go to quiz
         </Button>
       </CardFooter>

diff --git a/src/pages/Game/CountryQuizList.tsx b/src/pages/Game/CountryQuizList.tsx
@@ -45,7 +45,7 @@ export const CountryQuizList = ({ quizList, isLoadingCountryQuizList }: CountryQ
 
         {isLoggedIn && (
           <Tooltip content="Create a quiz">
-            <Button variant="outlined" color="green" size="md" onClick={goToQuizForm} className="p-3">
+            <Button variant="outlined" color="black" size="md" onClick={goToQuizForm} className="p-3">
               <Plus />
             </Button>
           </Tooltip>