Merge pull request #53 from azr-arch/fix/scroll-to-top-styling

Update Scroll-to-Top Button Styling for Consistency
lotengdev · Oct 28, 2024 · 7ee48bd · 7ee48bd
2 parents 341a9e2 + 1048c4d
commit 7ee48bd
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/ScrollToTopButton.jsx b/src/components/ScrollToTopButton.jsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import  { useCallback, useEffect, useState } from "react";
 import styled from "styled-components";
 import { CgChevronDoubleUp } from "react-icons/cg";
 
@@ -58,11 +58,12 @@ const Wrapper = styled.div`
     z-index: 999;
     border-radius: 50%;
     box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
-    background-color: blue;
+    background-color: #2563eb;
 
     .up-icon {
       font-size: 1.5rem;
       transition: transform 0.5s;
+      color: white;
       &:hover {
         transform: translateY(-2px);
       }