add 360 photosphere element support

2026-04-15 23:43:47 +02:00
parent d0a886a4ae
commit 3dd2c056b8
9 changed files with 314 additions and 34 deletions
@@ -0,0 +1,42 @@
+.photoSphereWrapper {
+  max-width: var(--size-width-p);
+  margin: 0 auto var(--spacing-m);
+}
+
+.photoSphereViewer {
+  width: 100%;
+  overflow: hidden;
+  border-radius: 2px;
+  background: var(--color-betongGray);
+  position: relative;
+}
+
+.loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 500px;
+  width: 100%;
+  background: var(--color-background-secondary);
+}
+
+.loadingText {
+  font-size: var(--font-size-body);
+  color: var(--color-text-secondary, currentColor);
+}
+
+.photoSphereWrapper figcaption {
+  width: 100%;
+  max-width: var(--size-width-p);
+  margin: 0 auto;
+  padding: var(--spacing-xs) 0 var(--spacing-s);
+  font-size: var(--font-size-caption);
+  line-height: 1.4;
+  opacity: .8;
+}
+
+.fallbackImage {
+  width: 100%;
+  height: auto;
+  display: block;
+}