Polish the desktop app view

cohstats · Sep 29, 2024 · ef4626b · ef4626b
1 parent b7b7de9
commit ef4626b
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 6 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -6,7 +6,7 @@ charset = utf-8
 trim_trailing_whitespace = true
 end_of_line = lf
 
-[*.{js,json,ts,tsx}]
+[*.{js,json,ts,tsx,css}]
 indent_style = space
 indent_size = 2
 

diff --git a/public/desktop-app/desktop-app-loading-v2.webp b/public/desktop-app/desktop-app-loading-v2.webp
diff --git a/public/desktop-app/desktop-app-main-500x281.webp b/public/desktop-app/desktop-app-main-500x281.webp
diff --git a/public/desktop-app/desktop-app-main.webp b/public/desktop-app/desktop-app-main.webp
diff --git a/screens/desktop-app/desktop-app.module.css b/screens/desktop-app/desktop-app.module.css
@@ -1,8 +1,12 @@
 .desktop-app-image-container {
   max-width: 800px;
-  height: 550px;
   position: relative;
   margin: 0 auto;
+  height: 200px;
+
+  @media (min-width: 48em) {
+    height: 500px;
+  }
 }
 
 .desktop-app-loading-image {
@@ -11,17 +15,16 @@
   position: absolute;
   top: 0;
   left: 0;
-  object-fit: cover;
+  object-fit: contain;
 }
 
 .desktop-app-image {
   width: 65%;
   height: auto;
   object-fit: contain;
   position: absolute;
-  top: 75%;
-  left: 60%;
-  transform: translate(0%, -50%);
+  top: 40%;
+  left: 50%;
   z-index: 1;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
   border-radius: 8px;