Fixed Hover state missing (#983) (#1008)

Devanshi-Crypto · bluebill1049 · web-flow · commit a189b2674dfc · 2023-08-12T21:11:30.000+10:00
* Fixed Hover state missing (#983) * Update ApiGallery.module.css * Update ApiGallery.module.css --------- Co-authored-by: Beier (Bill) <bluebill1049@hotmail.com>
diff --git a/src/components/ApiGallery.module.css b/src/components/ApiGallery.module.css
@@ -37,10 +37,14 @@
   border: 1px solid var(--color-light-blue);
   position: relative;
   padding-bottom: 30px;
+  transition: transform 0.3s ease;
 }
 
 .gallery li:hover {
   border: 1px solid var(--color-secondary);
+  outline-width: 0;
+  box-shadow: 2px 2px 0 4px #000;
+  transform: translate(-2px,-2px);
 }
 
 .gallery li a {

Original file line number	Diff line number	Diff line change
`@@ -37,10 +37,14 @@`
`37`	`37`	`border: 1px solid var(--color-light-blue);`
`38`	`38`	`position: relative;`
`39`	`39`	`padding-bottom: 30px;`
	`40`	`+ transition: transform 0.3s ease;`
`40`	`41`	`}`
`41`	`42`
`42`	`43`	`.gallery li:hover {`
`43`	`44`	`border: 1px solid var(--color-secondary);`
	`45`	`+ outline-width: 0;`
	`46`	`+ box-shadow: 2px 2px 0 4px #000;`
	`47`	`+ transform: translate(-2px,-2px);`
`44`	`48`	`}`
`45`	`49`
`46`	`50`	`.gallery li a {`