feat : font family uipdate and repos btn updated

Adnanarodiya · Adnanarodiya · commit 134660e32ab1 · 2025-08-03T15:52:04.000+05:30
diff --git a/src/app/(public)/repos/[language]/_components/sorter.tsx b/src/app/(public)/repos/[language]/_components/sorter.tsx
@@ -118,10 +118,7 @@ export function Sorter() {
   return (
     <div className="flex items-center justify-center gap-4 mb-8">
       <div className="dropdown group dropdown-hover">
-        <Button
-          tabIndex={0}
-          className="bg-hacktoberfest-blue border-hacktoberfest-light text-hacktoberfest-light hover:bg-primary-btn-hover-gradient transition-colors duration-200"
-        >
+        <Button tabIndex={0}>
           <Code className="w-6 h-6 mr-2" />
           Language
         </Button>
@@ -145,10 +142,7 @@ export function Sorter() {
         </div>
       </div>
       <div className="dropdown dropdown-hover group">
-        <Button
-          tabIndex={0}
-          className="bg-hacktoberfest-blue border-hacktoberfest-light text-hacktoberfest-light hover:bg-primary-btn-hover-gradient transition-colors duration-200"
-        >
+        <Button tabIndex={0}>
           <ArrowUpAZ className="w-6 h-6 mr-2" />
           {selectedSort()}
         </Button>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,15 +1,15 @@
 import '@/styles/globals.css';
 import Script from 'next/script';
 import type { Metadata, Viewport } from 'next';
-import { Space_Grotesk } from 'next/font/google';
+import { Atkinson_Hyperlegible_Mono } from 'next/font/google';
 import { unstable_ViewTransition as ViewTransition } from 'react';
 import { Toaster } from 'react-hot-toast';
 import { SessionProvider } from 'next-auth/react';
 import { Footer } from '@/components/footer';
 import { ReportModal } from '@/components/report-modal';
 import { env } from '@/env.mjs';
 
-const spaceGrotesk = Space_Grotesk({
+const atkinsonHyperlegibleMono = Atkinson_Hyperlegible_Mono({
   subsets: ['latin'],
   weight: ['400', '500'],
   display: 'swap',
@@ -18,7 +18,7 @@ const spaceGrotesk = Space_Grotesk({
 
 export default function RootLayout({ children }: React.PropsWithChildren) {
   return (
-    <html className={spaceGrotesk.variable}>
+    <html className={atkinsonHyperlegibleMono.variable}>
       <body className="font-sans font-normal bg-hacktoberfest-blue">
         <ViewTransition>
           {children}
