@explorer-1/vue 0.2.63 → 0.2.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
:class="{ 'bg-gradient-to-r from-black to-primary bg-transparent to-90% text-white': invert }"
|
|
15
15
|
>
|
|
16
16
|
<div
|
|
17
|
-
:class="`nav-secondary-container lg:container lg:px-0 lg:whitespace-normal lg:overflow-visible relative px-4 pb-0 mx-auto overflow-x-auto text-sm font-medium whitespace-nowrap ${invert ? 'border-0' : 'border-t border-gray-mid text-gray-mid-dark border-opacity-50'}`"
|
|
17
|
+
:class="`nav-secondary-container edu:border-0 lg:container lg:px-0 lg:whitespace-normal lg:overflow-visible relative px-4 pb-0 mx-auto overflow-x-auto text-sm font-medium whitespace-nowrap ${invert ? 'border-0' : 'border-t border-gray-mid text-gray-mid-dark border-opacity-50'}`"
|
|
18
18
|
>
|
|
19
19
|
<div class="lg:ml-0 2xl:-mr-3 lg:justify-end flex -ml-3">
|
|
20
20
|
<template v-for="(item, index) in theBreadcrumb">
|
|
@@ -179,7 +179,7 @@ export default defineComponent({
|
|
|
179
179
|
<style lang="scss">
|
|
180
180
|
.NavSecondary {
|
|
181
181
|
top: -1px; // for intersection observer to work
|
|
182
|
-
@apply sticky z-40 w-full bg-white border-b
|
|
182
|
+
@apply sticky z-40 w-full bg-white border-b border-gray-mid border-opacity-0 transition-border-opacity duration-150 edu:duration-300 ease-in;
|
|
183
183
|
@apply hidden;
|
|
184
184
|
@screen lg {
|
|
185
185
|
@apply block;
|
|
@@ -191,7 +191,8 @@ export default defineComponent({
|
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
&.-is-sticky
|
|
194
|
+
&.-is-sticky,
|
|
195
|
+
&.-is-sticky-offset {
|
|
195
196
|
@apply border-gray-mid border-opacity-50;
|
|
196
197
|
}
|
|
197
198
|
|
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import { reactive } from 'vue'
|
|
3
|
+
import NavSecondary from './../../../components/NavSecondary/NavSecondary.vue'
|
|
4
|
+
import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
|
|
5
|
+
import DetailHeadline from './../../../components/DetailHeadline/DetailHeadline.vue'
|
|
6
|
+
import HeroMedia from './../../../components/HeroMedia/HeroMedia.vue'
|
|
7
|
+
import ShareButtons from './../../../components/ShareButtons/ShareButtons.vue'
|
|
8
|
+
import BlockStreamfield from './../../../components/BlockStreamfield/BlockStreamfield.vue'
|
|
9
|
+
|
|
10
|
+
interface PageAsteroidWatchContentProps {
|
|
11
|
+
data: any
|
|
12
|
+
}
|
|
13
|
+
const props = withDefaults(defineProps<PageAsteroidWatchContentProps>(), {
|
|
14
|
+
data: undefined
|
|
15
|
+
})
|
|
16
|
+
|
|
17
|
+
const { data } = reactive(props)
|
|
18
|
+
</script>
|
|
1
19
|
<template>
|
|
2
20
|
<div
|
|
3
21
|
v-if="data"
|
|
@@ -30,7 +48,7 @@
|
|
|
30
48
|
</LayoutHelper>
|
|
31
49
|
|
|
32
50
|
<template v-if="data.slug === 'next-five-approaches'">
|
|
33
|
-
<
|
|
51
|
+
<FetchAsteroidWatchWidget class="lg:mb-18 mb-10" />
|
|
34
52
|
</template>
|
|
35
53
|
|
|
36
54
|
<!-- share buttons -->
|
|
@@ -48,32 +66,3 @@
|
|
|
48
66
|
<BlockStreamfield :data="data.body" />
|
|
49
67
|
</div>
|
|
50
68
|
</template>
|
|
51
|
-
<script>
|
|
52
|
-
import { defineComponent } from 'vue'
|
|
53
|
-
import NavSecondary from './../../../components/NavSecondary/NavSecondary.vue'
|
|
54
|
-
import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
|
|
55
|
-
import DetailHeadline from './../../../components/DetailHeadline/DetailHeadline.vue'
|
|
56
|
-
import HeroMedia from './../../../components/HeroMedia/HeroMedia.vue'
|
|
57
|
-
import ShareButtons from './../../../components/ShareButtons/ShareButtons.vue'
|
|
58
|
-
import BlockStreamfield from './../../../components/BlockStreamfield/BlockStreamfield.vue'
|
|
59
|
-
import AsteroidWatchWidget from './../../../components/AsteroidWatchWidget/AsteroidWatchWidget.vue'
|
|
60
|
-
|
|
61
|
-
export default defineComponent({
|
|
62
|
-
name: 'PageAsteroidWatchContent',
|
|
63
|
-
components: {
|
|
64
|
-
NavSecondary,
|
|
65
|
-
LayoutHelper,
|
|
66
|
-
HeroMedia,
|
|
67
|
-
ShareButtons,
|
|
68
|
-
BlockStreamfield,
|
|
69
|
-
DetailHeadline,
|
|
70
|
-
AsteroidWatchWidget
|
|
71
|
-
},
|
|
72
|
-
props: {
|
|
73
|
-
data: {
|
|
74
|
-
type: Object,
|
|
75
|
-
required: false
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
})
|
|
79
|
-
</script>
|