Add panorama previews and repair beta export rendering

2026-10-04 23:12:34 +05:00
parent 763cf8713c
commit aec0641f87
21 changed files with 802 additions and 60 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -1455,3 +1455,48 @@ pre {
    font-size: 42px;
  }
 }
+/* Contributor and moderator previews use the same projection as the game. */
+.panorama-preview {
+  width: min(1100px, 96vw);
+  max-width: 96vw;
+  padding: 16px;
+  background: #0b1119;
+  color: #edf2ef;
+  border: 1px solid #58684b;
+}
+.panorama-preview::backdrop {
+  background: #000b;
+}
+.preview-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+  margin-bottom: 12px;
+}
+.preview-toolbar select {
+  background: #141e27;
+  color: inherit;
+  padding: 8px;
+}
+.preview-viewport {
+  position: relative;
+  height: min(65vh, 650px);
+  overflow: hidden;
+}
+.preview-status {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-content: center;
+  background: #0b1119e8;
+  z-index: 5;
+  padding: 20px;
+}
+.preview-tile {
+  min-width: 0;
+}
+.preview-tile > label {
+  display: block;
+  position: relative;
+}