update

yarponomarev · Jun 29, 2024 · 028e12f · 028e12f
1 parent 7e39d20
commit 028e12f
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 10 deletions.
diff --git a/gulp/version.json b/gulp/version.json
@@ -1,3 +1,3 @@
 {
-    "main": "20240629235849"
+    "main": "20240630020245"
 }
diff --git a/src/img/svg/battery.svg b/src/img/svg/battery.svg
diff --git a/src/scss/pages/index.scss b/src/scss/pages/index.scss
@@ -87,6 +87,10 @@
                     justify-content: left;
                     max-width: 350px;
                     margin: auto;
+
+                    @media (max-width: 400px) {
+                        justify-content: space-between;
+                    }
                 }
 
                 .button__link {
@@ -103,7 +107,11 @@
                         width: 240px;
 
                         @media (max-width: $screenM) {
-                            margin-right: 5px;
+                            margin-right: 5px;   
+                        }
+
+                        @media (max-width: 393px) {
+                            width: 210px;
                         }
                     }
 
@@ -115,14 +123,23 @@
                         width: 165px;
 
                         @media (max-width: $screenM) {
+                            width: 150px;
                             margin-right: 5px;
                         }
+
+                        @media (max-width: 393px) {
+                            width: 140px;
+                        }
                     }
 
                     &.unstake {
                         width: 270px;
 
                         @media (max-width: $screenM) {
+                            width: 190px;
+                        }
+
+                        @media (max-width: 393px) {
                             width: 170px;
                         }
                     }
@@ -179,27 +196,27 @@
                         text-align: center;
                         height: 300px;
 
+                        @media (max-width: 1280px) {
+                            height: 345px;
+                        }
+
                         @media (max-width: 1050px) {
                             border-radius: 44px 44px 0 0;
                             height: 275px;
                         }
 
-                        @media (max-width: 1280px) {
-                            height: 345px;
-                        }
-
                         img {
                             padding: 45px 64px 0 60px;
 
+                            @media (max-width: 1280px) {
+                                padding: 90px 64px 0 60px;
+                            }
+
                             @media (max-width: 1050px) {
                                 width: 180px;
                                 margin-top: 20px;
                                 padding: 0;
                             }
-
-                            @media (max-width: 1280px) {
-                                padding: 90px 64px 0 60px;
-                            }
                         }
                     }