Added max height as -moz-max-height for firefoz

elrumo · Jul 22, 2021 · 45123e9 · 45123e9 · vercel · Jul 22, 2021
1 parent b5a2416
commit 45123e9
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 8 deletions.
diff --git a/website/macos-big-sur-icons/src/components/Home.vue b/website/macos-big-sur-icons/src/components/Home.vue
@@ -260,7 +260,7 @@
         <div id="iconList" class="icon-list-area p-b-30 ">
 
           <!-- Ad -->
-          <div style="min-height: 205px; max-height:226px" class="card-hover relative coral-card">
+          <div style="min-height: 205px; max-height:240px" class="card-hover relative coral-card">
 
             <div style="z-index: 1; height: 100%; width: 100%" class="absolute carbon-card-ad">
               <script
@@ -347,8 +347,10 @@ import dotenv from 'dotenv'; // Used to access env varaibles
 dotenv.config()
 
 // TODO: remove credentials
-const VUE_APP_PARSE_APP_ID = process.env.VUE_APP_PARSE_APP_ID
-const VUE_APP_PARSE_JAVASCRIPT_KEY = process.env.VUE_APP_PARSE_JAVASCRIPT_KEY
+  const VUE_APP_PARSE_APP_ID = "macOSicons"
+  const VUE_APP_PARSE_JAVASCRIPT_KEY = "macOSicons"
+// const VUE_APP_PARSE_APP_ID = process.env.VUE_APP_PARSE_APP_ID
+// const VUE_APP_PARSE_JAVASCRIPT_KEY = process.env.VUE_APP_PARSE_JAVASCRIPT_KEY
 
 Parse.initialize(VUE_APP_PARSE_APP_ID, VUE_APP_PARSE_JAVASCRIPT_KEY)
 Parse.serverURL = 'https://media.macosicons.com/parse'
@@ -513,6 +515,7 @@ export default {
     parent.getAd()
     const { getters } = parent.$store;
     let fullPath = parent.$route.fullPath
+    
     let currentUser = Parse.User.current()
 
     if (fullPath.includes("/?username=") && !currentUser) {

diff --git a/website/macos-big-sur-icons/src/components/app.less b/website/macos-big-sur-icons/src/components/app.less
@@ -85,6 +85,7 @@ select{
     display: flex;
     justify-content: space-between;
     width: fit-content;
+    width: -moz-fit-content;
     // width: 85%;
     margin: auto;
     padding: 15px 0px;
@@ -172,9 +173,9 @@ select{
     margin: auto !important;
     position: relative !important;
     padding: 10px !important;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
+    top: 25px;
+    // left: 50%;
+    // transform: translateY(-50%);
     display: grid;
     gap: 7px;
     text-align: center;
@@ -189,7 +190,8 @@ select{
 }
 
 .lgbt-wrapper .support-page{
-    transform: translate(-50%, 0%);
+    top: 0px;
+    // transform: translateY(0%) !important;
 }
 
 .coral--dark .instructions-item{
@@ -698,6 +700,7 @@ coral-buttongroup button{
 
 .burger-btn{
     width: fit-content;
+    width: -moz-fit-content;
     margin: auto 0px auto auto;
 }
 
@@ -975,6 +978,7 @@ coral-buttongroup button{
     border-color: rgb(225, 225, 225);
     border-radius: var(--main-border-radius);
     margin: auto;
+    max-height: 240px;
     // min-height: 200px;
 }
 
@@ -1098,6 +1102,7 @@ coral-buttongroup button{
     gap: 20px;
     width: 100%;
     height: fit-content;
+    height: -moz-fit-content;
 }
 
 .icon-list-area a{
@@ -1110,7 +1115,9 @@ coral-buttongroup button{
     margin: auto;
     position: relative;
     height: fit-content;
+    height: -moz-fit-content;
     width: fit-content;
+    width: -moz-fit-content;
 }
 
 .card-img-wrapper{
@@ -1204,7 +1211,8 @@ coral-buttongroup button{
 }
 
 .width-fit{
-    width: fit-content
+    width: fit-content;
+    width: -moz-fit-content;
 }
 
 .loading-popup{
@@ -1247,6 +1255,7 @@ coral-buttongroup button{
 
 .download-counter-wrapper{
     height: fit-content;
+    height: -moz-fit-content;
     display: flex;
     margin: auto;
     gap: 7px;
@@ -1633,6 +1642,7 @@ coral-buttongroup button{
     display: grid;
     grid-template-columns: auto auto;
     width: fit-content;
+    width: -moz-fit-content;
     height: 42px;
     border-radius: 5px;
     backdrop-filter: brightness(0.3) blur(50px) grayscale(0.2);
@@ -1677,6 +1687,7 @@ coral-buttongroup button{
 
 .waiting-wrapper{
     width: fit-content;
+    width: -moz-fit-content;
     margin: auto;
     padding-top: 30px;
 }
@@ -1722,6 +1733,7 @@ coral-buttongroup button{
     padding: 5px;
     margin-top: 7px;
     width: fit-content;
+    width: -moz-fit-content;
 }
 
 .options-popover ._coral-Popover-tip {