Initial commit for new projection support.

2026-04-01 12:06:32 +01:00
parent bd5f5b98cc
commit 234ed8ae94
5 changed files with 308 additions and 212 deletions
@@ -411,6 +411,37 @@
  padding: 15px !important;
 }

+.projection-row {
+  align-items: flex-start;
+}
+
+.projection-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  flex: 2;
+}
+
+.projection-buttons button {
+  padding: 4px 8px;
+  font-size: 11px;
+  border: 1px solid #ddd;
+  background: white;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.projection-buttons button:hover {
+  background: #e9ecef;
+}
+
+.projection-buttons button.active-style {
+  background: #34495e;
+  color: white;
+  border-color: #2c3e50;
+}
+
@media (max-width: 768px) {
  .app-container {
    flex-direction: column;