Show detected tape colors in UI

2026-06-22 14:41:12 +02:00
parent e880260aa5
commit d00ce6fe90
8 changed files with 244 additions and 14 deletions
@@ -174,6 +174,42 @@ button.primary {
  line-height: 1.35;
 }

+.tape-info {
+  display: grid;
+  gap: 8px;
+  padding: 10px;
+  border: 1px solid #444;
+  border-radius: 7px;
+  background: #2f2f2f;
+}
+
+.tape-info div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.tape-info span {
+  color: #b7b7b7;
+}
+
+.tape-info strong {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: #f2f2f2;
+  text-align: right;
+}
+
+.tape-info i {
+  width: 18px;
+  height: 18px;
+  border: 1px solid #777;
+  border-radius: 4px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+}
+
 .bottom-actions {
  position: fixed;
  left: 0;