small fixes

2025-12-31 08:51:00 +01:00
parent dba3f21114
commit 747d5296fa
5 changed files with 242 additions and 6 deletions
--- a/receiver/styles.css
+++ b/receiver/styles.css
@@ -0,0 +1,58 @@
+html, body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(135deg, #7b7fd8, #b57cf2);
+  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  color: white;
+}
+
+#app {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 24px;
+  box-sizing: border-box;
+}
+
+#artwork {
+  width: 240px;
+  height: 240px;
+  margin: 20px 0;
+  border-radius: 24px;
+  overflow: hidden;
+  background: rgba(0,0,0,0.1);
+  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+}
+
+#artwork img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+#status {
+  font-size: 18px;
+  opacity: 0.95;
+  margin: 6px 0 0 0;
+}
+
+#station {
+  font-size: 16px;
+  opacity: 0.85;
+  margin: 6px 0 0 0;
+}
+
+h1 {
+  font-size: 20px;
+  margin: 0 0 6px 0;
+}
+
+@media (max-width: 480px) {
+  #artwork { width: 160px; height: 160px; }
+  h1 { font-size: 18px; }
+}