fix cursor on button

PetroShutak · Oct 9, 2023 · 9c2c9d6 · 9c2c9d6
1 parent 53c809b
commit 9c2c9d6
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 22 deletions.
diff --git a/src/components/Modal/Modal.styled.jsx b/src/components/Modal/Modal.styled.jsx
@@ -160,8 +160,7 @@ export const Button = styled.a`
     font-weight: 600;
     line-height: 1.43;
     transition: background-color var(--transition);
-    cursor: 'pointer';
-        &:hover,
-        &:focus {
+    &:hover,
+    &:focus {
         background-color: var(--hover-color);
 `;
diff --git a/src/index.css b/src/index.css
@@ -1,37 +1,36 @@
 @import-normalize;
-@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Montserrat:wght@400;600&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Montserrat:wght@400;600&display=swap");
 
 :root {
-  --accent-color: #3470FF;
-  --hover-color: #0B44CD;
+  --accent-color: #3470ff;
+  --hover-color: #0b44cd;
 
   --primary-text-color: #121417;
   --secondary-text-color: rgba(18, 20, 23, 0.5);
   --text-conditions-color: #363535;
-  --text-filter-title-color: #8A8A89;
+  --text-filter-title-color: #8a8a89;
   --text-filter-options-color: rgba(18, 20, 23, 0.2);
-  --text-button-color: #FFFFFF;
+  --text-button-color: #ffffff;
 
   --input-color: rgba(247, 247, 251, 1);
-  --input-border-hover-color: #2684FF;
+  --input-border-hover-color: #2684ff;
   --input-placeholder-text-color: #000000;
 
-  --primary-background-color: #CDCDCD;
-  --secondary-background-color: #F7F7FB; 
-  --conditions-background-color: #F9F9F9;
+  --primary-background-color: #cdcdcd;
+  --secondary-background-color: #f7f7fb;
+  --conditions-background-color: #f9f9f9;
   --borders-color: rgba(18, 20, 23, 0.05);
   --lines-background-color: rgba(18, 20, 23, 0.1);
   --scroll-background-color: rgba(18, 20, 23, 0.05);
-  --shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.20),
-    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
-    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
+  --shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2),
+    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
   --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
   --grad: linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4));
 }
 
 body {
   margin: 0;
-  font-family: 'Manrope', sans-serif;
+  font-family: "Manrope", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   line-height: 1.5;
@@ -47,7 +46,7 @@ body {
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
 
@@ -87,11 +86,8 @@ a {
   text-decoration: none;
 }
 
-body,
-button,
-a {
-  cursor: url('/src/images/icons/cursor-vector.svg'), auto;
-
+body {
+  cursor: url("/src/images/icons/cursor-vector.svg"), auto;
 }
 
 body::-webkit-scrollbar {