deploy

fix text alignment and responsive loading mobile device
Khip01 · Mar 11, 2024 · 68604b8 · 68604b8
1 parent 6694ec6
commit 68604b8
Show file tree

Hide file tree

Showing 3 changed files with 3,891 additions and 3,898 deletions.
diff --git a/flutter_service_worker.js b/flutter_service_worker.js
@@ -39,9 +39,9 @@ const RESOURCES = {"assets/AssetManifest.bin": "4d7f5e983ac308e6d52d82847572660e
 "icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",
 "icons/Icon-maskable-192.png": "c457ef57daa1d16f64b27b786ec2ea3c",
 "icons/Icon-maskable-512.png": "301a7604d45b3e739efc881eb04896ea",
-"index.html": "906aa19689af6e657c4b46a86cc89e8e",
-"/": "906aa19689af6e657c4b46a86cc89e8e",
-"main.dart.js": "90e11ecd08ff70e0475a157b73c6f4dd",
+"index.html": "17842e1e9571cf3e4a1ec693a1a3b59e",
+"/": "17842e1e9571cf3e4a1ec693a1a3b59e",
+"main.dart.js": "d591e1d940455a05cf4c47572ef4325b",
 "manifest.json": "f81aa1e7ed71c5eaff64a3910dd13be8",
 "version.json": "cb0239f6211614b671ba2a6b4e1e780f"};
 // The application shell files that are downloaded before a service worker can

diff --git a/index.html b/index.html
@@ -27,7 +27,7 @@
     <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
     <!-- Favicon -->
-<!--    <link rel="icon" type="image/png" href="favicon.png"/>-->
+    <!--    <link rel="icon" type="image/png" href="favicon.png"/>-->
     <!-- FAvicon Custom -->
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
 
@@ -212,23 +212,23 @@
   /* MOBILE */
   @media only screen and (max-device-width: 480px) {
       .body-text {
-        font-size: 36px;
-        line-height: 81px;
+        font-size: 19px;
+        line-height: 48px;
       }
 
       .loader-spanne-20 {
         /* background-color: red; */
         position: relative;
-        width: 260px;
-        height: 100px;
+        width: 128px;
+        height: 72px;
         padding: 0;
       }
 
       .loader-spanne-20 > span {
         position: absolute;
         right: 0;
-        width: 9px;
-        height: 100px;
+        width: 4px;
+        height: 72px;
         background-color: black;
         display: block;
         border-radius: 3px;
@@ -247,22 +247,22 @@
         }
 
         40% {
-          transform: translateX(-107px) rotate(0deg);
+          transform: translateX(-40px) rotate(0deg);
         }
 
         50% {
           opacity: 1;
-          transform: translateX(-147px) rotate(22deg);
+          transform: translateX(-65px) rotate(22deg);
         }
 
         85% {
           opacity: 1;
-          transform: translateX(-239px) rotate(60deg);
+          transform: translateX(-126px) rotate(60deg);
         }
 
         100% {
           opacity: 0;
-          transform: translateX(-273px) rotate(65deg);
+          transform: translateX(-147px) rotate(65deg);
         }
     }
   }
@@ -275,7 +275,6 @@
     }
 
     .loader-spanne-20 {
-      /* background-color: red; */
       position: relative;
       width: 160px;
       height: 65px;
@@ -333,7 +332,6 @@
       }
 
       .loader-spanne-20 {
-        /* background-color: red; */
         position: relative;
         width: 200px;
         height: 80px;
@@ -392,7 +390,6 @@
     }
 
     .loader-spanne-20 {
-      /* background-color: red; */
       position: relative;
       width: 105px;
       height: 48px;
@@ -451,7 +448,6 @@
     }
 
     .loader-spanne-20 {
-      /* background-color: red; */
       position: relative;
       width: 105px;
       height: 48px;
@@ -509,7 +505,6 @@
     }
 
     .loader-spanne-20 {
-      /* background-color: red; */
       position: relative;
       width: 160px;
       height: 65px;