style: change BackToTop button arrow lighter and adjust the fixed position to right-3

nikohoffren · nikohoffren · commit 976c90127bc3 · 2025-05-02T14:33:20.000+03:00
diff --git a/components/buttons/BackToTopButton.tsx b/components/buttons/BackToTopButton.tsx
@@ -28,7 +28,7 @@ const BackToTopButton = () => {
     isVisible && (
       <button
         onClick={scrollToTop}
-        className='fixed right-8 top-1/2 z-40 -translate-y-1/2 rounded-full bg-white p-3 text-black shadow-lg transition-all duration-500 hover:bg-white'
+        className='fixed right-3 top-1/2 z-40 -translate-y-1/2 rounded-full bg-white p-3 text-gray-700 shadow-lg transition-all duration-500 hover:bg-white'
       >
         <ChevronUpIcon className='h-6 w-6' />
       </button>

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ const BackToTopButton = () => {`
`28`	`28`	`isVisible && (`
`29`	`29`	`<button`
`30`	`30`	`onClick={scrollToTop}`
`31`		`- className='fixed right-8 top-1/2 z-40 -translate-y-1/2 rounded-full bg-white p-3 text-black shadow-lg transition-all duration-500 hover:bg-white'`
	`31`	`+ className='fixed right-3 top-1/2 z-40 -translate-y-1/2 rounded-full bg-white p-3 text-gray-700 shadow-lg transition-all duration-500 hover:bg-white'`
`32`	`32`	`>`
`33`	`33`	`<ChevronUpIcon className='h-6 w-6' />`
`34`	`34`	`</button>`