diff --git a/src/components/organisms/InteractiveGlobe2.svelte b/src/components/organisms/InteractiveGlobe2.svelte index 69e5282..86f5e6e 100644 --- a/src/components/organisms/InteractiveGlobe2.svelte +++ b/src/components/organisms/InteractiveGlobe2.svelte @@ -110,7 +110,9 @@ on:resize={resize} /> -
+
diff --git a/src/style/modules/_globe2.scss b/src/style/modules/_globe2.scss index e3f1bc0..08d4039 100644 --- a/src/style/modules/_globe2.scss +++ b/src/style/modules/_globe2.scss @@ -241,12 +241,17 @@ /* ** States and Variants */ + // Cropped version + &.is-cropped { + overflow: hidden; + height: clamp(300px, 30vw, 500px); + } + // When dragging :global(.is-grabbing) { cursor: grabbing; } - // Tweakpane :global(.tp-rotv) { position: absolute; diff --git a/src/style/pages/_credits.scss b/src/style/pages/_credits.scss index c974544..e63e578 100644 --- a/src/style/pages/_credits.scss +++ b/src/style/pages/_credits.scss @@ -118,16 +118,4 @@ } } } -} - -:global(.credits) { - // Globe - :global(.globe) { - :global(*) { - pointer-events: none; - } - :global(canvas) { - opacity: 0.5; - } - } } \ No newline at end of file diff --git a/src/style/pages/_subscribe.scss b/src/style/pages/_subscribe.scss index bfd3748..29aa5af 100644 --- a/src/style/pages/_subscribe.scss +++ b/src/style/pages/_subscribe.scss @@ -60,7 +60,7 @@ } // Globe -:global(.subscribe .globe-cropped) { +:global(.subscribe .globe) { margin-top: 96px; @include bp (sm) {