logo center

.env.development

@@ -1 +1 @@
-VITE_API_BASE_URL=http://localhost:3001/api/v1/
+VITE_API_BASE_URL=http://10.10.10.10:3001/api/v1/

index.html

@@ -71,7 +71,7 @@
   <meta name="description" content="MoviePilot">
   <meta name="format-detection" content="telephone=no">
   <meta name="referrer" content="never">
-  <meta name="msapplication-TileColor" content="#F1F2F9" />
+  <meta name="msapplication-TileColor" content="#7D34FD" />
   <meta name="theme-color" content="#1E1A2E" media="(prefers-color-scheme: dark)">
   <meta name="theme-color" content="#F1F2F9" media="(prefers-color-scheme: normal)">
   <meta name="HandheldFriendly" content="True" />
@@ -120,4 +120,4 @@
   </script>
 </body>
 
-</html>
+</html>

public/loader.css

@@ -25,11 +25,11 @@ html {
   position: absolute;
   box-sizing: border-box;
   border: 3px solid transparent;
-  block-size: 55px;
   border-radius: 50%;
+  block-size: 55px;
   inline-size: 55px;
   inset-block-start: 50%;
-  inset-inline-start: calc(50% - 35px);
+  inset-inline-start: calc(50% - 2rem);
 }
 
 .loading .effect-1,
@@ -38,9 +38,9 @@ html {
   position: absolute;
   box-sizing: border-box;
   border: 3px solid transparent;
+  border-radius: 50%;
   block-size: 100%;
   border-inline-start: 3px solid var(--initial-loader-color, #eee);
-  border-radius: 50%;
   inline-size: 100%;
 }
 
@@ -80,4 +80,4 @@ html {
     opacity: 1;
     transform: rotate(1turn);
   }
-}
+}

public/manifest.json

@@ -28,7 +28,7 @@
       "purpose": "maskable"
     }
   ],
-  "theme_color": "#7D34FD",
+  "theme_color": "#1E1A2E",
   "background_color": "#1E1A2E",
   "display": "standalone",
   "shortcuts": [

src/@layouts/styles/_default-layout.scss

@@ -8,6 +8,12 @@ html {
   min-height: calc(100% + env(safe-area-inset-top));
 }
 
+body {
+  background-color: var(--v-theme-background);
+  overscroll-behavior-y: contain;
+  --webkit-overflow-scrolling: touch;
+}
+
 body,
 #app,
 .v-application {