style: quiz button option transition

MarcoEscaleira · Apr 27, 2024 · aad2e35 · aad2e35
1 parent f75fd57
commit aad2e35
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -19,9 +19,9 @@ import useBreakpoint from "use-breakpoint";
 import { LoginForm } from "@components/Login/LoginForm.tsx";
 import { useUserStore } from "@state/userStore.ts";
 import { BREAKPOINTS } from "@utils/constants.ts";
+import { useCountryInformation } from "@utils/hooks/useCountryInformation.ts";
 import { LOGOUT_USER } from "@utils/queries/Logout.ts";
 import { QUIZ_OF_THE_DAY } from "@utils/queries/QuizOfTheDay.ts";
-import { useCountryInformation } from "@utils/hooks/useCountryInformation.ts";
 
 export function Header() {
   // const { notifications, clear, markAllAsRead, markAsRead, add, update, remove, find, sort, unreadCount } =

diff --git a/src/components/QuizAttempt/QuizAttempt.tsx b/src/components/QuizAttempt/QuizAttempt.tsx
@@ -128,7 +128,7 @@ export function QuizAttempt({ quiz }: QuizAttemptProps) {
               fullWidth
               variant={chosen ? "filled" : "outlined"}
               color="blue-gray"
-              className="outline-none focus:ring-0"
+              className="outline-none transition-all active:scale-95 h-11"
               onClick={() => setQuestionResponse(text)}
             >
               {text}