✨ footer style updated

rajdeep010 · Nov 2, 2023 · e257e84 · e257e84
1 parent b0b3b6c
commit e257e84
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 11 deletions.
diff --git a/.firebase/hosting.ZGlzdA.cache b/.firebase/hosting.ZGlzdA.cache
@@ -1,6 +1,6 @@
 loadinsta.png,1698835191482,1b0e398bdc16eefd3569398b6361f3a68d2cc1134988462a7e6570884ac188d1
 load_insta.svg,1698834490521,679182ad65bf0799f7e2664401e4293c79f0e9146c8616b008ad0375555f1771
 vite.svg,1691066557720,59ec4b6085a0cb1bf712a5e48dd5f35b08e34830d49c2026c18241be04e05d5a
-index.html,1698869976842,ae53398e476591449d422637a24a27250d9809201fd01cabc72ecbdf6f3ba911
-assets/index-d357b567.css,1698869976842,a47072077baa087013c84e1d10ccddeb31e9d430e1ca699c1e66acf945d1b6a5
-assets/index-0556d0c9.js,1698869976842,3c607a4b47cdf8246c537cdeee71fb3824849d829a7d454d1aa3cde8ab24fcc3
+index.html,1698874263489,5f1902b8a54a1b66952e699833475e8ed2848c025c4f0d462686ca662a1f5666
+assets/index-62de5925.css,1698874263473,56c6dfa9e71ad76dab3c8b22d8a813d31a3c618e4a8dadb3ba2037a642662306
+assets/index-103634d7.js,1698874263489,3c607a4b47cdf8246c537cdeee71fb3824849d829a7d454d1aa3cde8ab24fcc3
diff --git a/src/compnents/Home.jsx b/src/compnents/Home.jsx
@@ -70,9 +70,10 @@ const Home = () => {
 
                     <div className="download_box">
                         {loading && <Loader />}
-                        {mediaURL && !loading && !errorStatus && <Button url={mediaURL} />}
                         {errorStatus && <ErrorPage />}
                     </div>
+
+                    {mediaURL && !loading && !errorStatus && <Button url={mediaURL} />}
                 </div>
 
             </div>

diff --git a/src/styles/footer.scss b/src/styles/footer.scss
@@ -3,21 +3,27 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    background: #542bdd;
+    // background: #542bdd;
     gap: 1rem;
     padding: 0.5rem;
 
     .about_me {
-        color: #fff;
+        font-weight: 500;
+        font-size: 1.2rem;
+        background: -webkit-linear-gradient(0deg, #fff 0%, #ad399b 0%, #542bdd 100%, #fff 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
     }
 
     .icons {
         display: flex;
-        gap: 2rem;
+        gap: 2.5rem;
 
         a {
-            font-size: 1.5rem;
-            color: #fff;
+            font-size: 1.7rem;
+            background: -webkit-linear-gradient(0deg, #fff 0%, #ad399b 0%, #542bdd 100%, #fff 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
         }
     }
 

diff --git a/src/styles/home.scss b/src/styles/home.scss
@@ -66,11 +66,15 @@
             gap: 2rem;
 
             @media screen and (max-width: 450px) {
-                gap: 0.5rem;
+                gap: 0.75rem;
                 padding: 1rem;
                 flex-direction: column;
             }
 
+            @media screen and (max-width: 380px) {
+                gap: 0.8rem;
+            }
+
             input {
                 padding: 0.8rem;
                 border: 4px solid #542bdd;
@@ -80,7 +84,7 @@
 
                 @media screen and (max-width: 450px) {
                     font-size: 0.9rem;
-                    padding: 0.5rem;
+                    padding: 0.8rem;
                 }
             }