Merge pull request #66 from IngmarStein/master

Apply a dot-matrix effect to all app previews
tavdog · Feb 14, 2025 · 4b0814c · 4b0814c
2 parents f290c9b + 68c6c22
commit 4b0814c
Show file tree

Hide file tree

Showing 6 changed files with 2,091 additions and 4,135 deletions.
diff --git a/tronbyt_server/static/style.css b/tronbyt_server/static/style.css
@@ -20,12 +20,21 @@ input[type=submit] { align-self: start; min-width: 10em; }
 enabled { color: #128e23}
 disabled { color: #8e1212}
 
-/* Enhance and Pixelate app image, overlay image with dot matrix */
 .app-img {
-  image-rendering: crisp-edges;
+  background: #000000;
+  overflow: hidden;
+  border: 1px solid #d8d8d8;
+  border-radius: 0.5rem;
+}
+
+/* Enhance and pixelate app image, overlay image with dot matrix */
+.app-img img {
+  background: #000000;
   image-rendering: pixelated;
+  image-rendering: -moz-crisp-edges;
+  image-rendering: crisp-edges;
+  -webkit-clip-path: url(#dots);
   clip-path: url(#dots);
-  width: 230px !important;
-  height: 115px !important;
-  border-radius: 1rem;
+  width: 100%;
+  height: 100%;
 }