Added hover effect

elrumo · May 11, 2021 · a3f2943 · a3f2943 · vercel · May 11, 2021
1 parent ebf633a
commit a3f2943
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/website/macos-big-sur-icons/src/components/NativeAd.vue b/website/macos-big-sur-icons/src/components/NativeAd.vue
@@ -56,9 +56,8 @@ export default {
           if (attempts >= 4) return;
           if (adExists == 0) {
             try {
-              getAd()
-              console.log("attempts: ", attempts);
               attempts++
+              getAd()
               adExist()
             } catch (error) {
               getAd()

diff --git a/website/macos-big-sur-icons/src/components/app.less b/website/macos-big-sur-icons/src/components/app.less
@@ -770,6 +770,12 @@ option[value=""][disabled] {
     max-width: 150px;
     width: 100%;
     margin: auto;
+    transition: 0.2s;
+}
+
+.card-hover:hover .card-img-wrapper img{
+    transform: translate3d(0px, -3px, 0px);
+    // transform: translate3d(0px, 4px, 0px);
 }
 
 .absolute-center-vertical{

diff --git a/website/macos-big-sur-icons/src/components/carbon.css b/website/macos-big-sur-icons/src/components/carbon.css
@@ -306,11 +306,12 @@
 }
 
 .icon-list-area #carbonads:hover img {
-    transform: translateY(-3px);
+    transform: translateY(-5px);
 }
 
 .icon-list-area #carbonads > span {
-    height: calc(100% - 20px) !important;
+    height: fit-content;
+    /* height: calc(100% - 20px) !important; */
     padding: 7px 7px 5px 7px;
     grid-template-rows: auto 19px;
     gap: 5px;