Fixed swtich theme appearance on mobile

luloxi · luloxi · commit 253d40d848b1 · 2024-10-22T11:05:13.000-03:00
diff --git a/packages/nextjs/components/SwitchTheme.tsx b/packages/nextjs/components/SwitchTheme.tsx
@@ -23,7 +23,7 @@ export const SwitchTheme = ({ className }: { className?: string }) => {
   return (
     <div
       onClick={handleToggle}
-      className={`flex cursor-pointer space-x-2 h-8 items-center hover:bg-[#C9D8E5] dark:hover:bg-[#193048] justify-start w-full rounded-lg pl-3 text-sm ${className}`}
+      className={`flex cursor-pointer space-x-2 h-8 items-center hover:bg-[#C9D8E5] dark:hover:bg-[#193048] justify-start w-full rounded-lg pl-5 lg:pl-3 text-sm ${className}`}
     >
       <button className="swap swap-rotate flex flex-row gap-2 justify-start items-center">
         {isDarkMode ? <MoonIcon className="h-5 w-5" /> : <SunIcon className="h-5 w-5" />}

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@ export const SwitchTheme = ({ className }: { className?: string }) => {`
`23`	`23`	`return (`
`24`	`24`	`<div`
`25`	`25`	`onClick={handleToggle}`
`26`		- className={`flex cursor-pointer space-x-2 h-8 items-center hover:bg-[#C9D8E5] dark:hover:bg-[#193048] justify-start w-full rounded-lg pl-3 text-sm ${className}`}
	`26`	+ className={`flex cursor-pointer space-x-2 h-8 items-center hover:bg-[#C9D8E5] dark:hover:bg-[#193048] justify-start w-full rounded-lg pl-5 lg:pl-3 text-sm ${className}`}
`27`	`27`	`>`
`28`	`28`	`<button className="swap swap-rotate flex flex-row gap-2 justify-start items-center">`
`29`	`29`	`{isDarkMode ? <MoonIcon className="h-5 w-5" /> : <SunIcon className="h-5 w-5" />}`