@eox/pages-theme-eox 0.4.4 → 0.4.6
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 +1 -1
- package/src/Layout.vue +43 -12
- package/src/index.js +5 -2
package/package.json
CHANGED
package/src/Layout.vue
CHANGED
|
@@ -31,15 +31,39 @@
|
|
|
31
31
|
</button>
|
|
32
32
|
</nav>
|
|
33
33
|
<ul class="list border large-space">
|
|
34
|
-
<li v-for="item in theme.nav">
|
|
34
|
+
<li v-for="item in theme.nav.filter((item) => !item.action)">
|
|
35
35
|
<a
|
|
36
36
|
data-ui="#mobile-menu"
|
|
37
37
|
:href="item.link"
|
|
38
|
-
class="
|
|
39
|
-
|
|
38
|
+
:class="
|
|
39
|
+
item.action
|
|
40
|
+
? 'button large medium-elevate cta'
|
|
41
|
+
: 'primary-text'
|
|
42
|
+
"
|
|
40
43
|
>
|
|
44
|
+
<span>{{ item.text }}</span>
|
|
45
|
+
<i v-if="item.action" class="mdi mdi-arrow-right"></i>
|
|
46
|
+
</a>
|
|
41
47
|
</li>
|
|
42
48
|
</ul>
|
|
49
|
+
<div class="grid">
|
|
50
|
+
<div class="s12">
|
|
51
|
+
<nav v-for="item in theme.nav.filter((item) => item.action)">
|
|
52
|
+
<a
|
|
53
|
+
data-ui="#mobile-menu"
|
|
54
|
+
:href="item.link"
|
|
55
|
+
:class="
|
|
56
|
+
item.action
|
|
57
|
+
? `button responsive large medium-elevate cta ${item.action}`
|
|
58
|
+
: 'primary-text'
|
|
59
|
+
"
|
|
60
|
+
>
|
|
61
|
+
<span>{{ item.text }}</span>
|
|
62
|
+
<i v-if="item.action" class="mdi mdi-arrow-right"></i>
|
|
63
|
+
</a>
|
|
64
|
+
</nav>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
43
67
|
</dialog>
|
|
44
68
|
</nav>
|
|
45
69
|
<nav
|
|
@@ -55,20 +79,26 @@
|
|
|
55
79
|
<div class="space"></div>
|
|
56
80
|
<nav>
|
|
57
81
|
<ul class="left-align no-margin">
|
|
58
|
-
<li v-for="item in theme.nav">
|
|
82
|
+
<li v-for="item in theme.nav.filter((i) => !i.action)">
|
|
59
83
|
<a :href="item.link">{{ item.text }}</a>
|
|
60
84
|
</li>
|
|
61
85
|
</ul>
|
|
62
86
|
</nav>
|
|
63
87
|
<div class="max"></div>
|
|
64
|
-
<
|
|
65
|
-
<
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
88
|
+
<nav>
|
|
89
|
+
<ul class="left-align no-margin">
|
|
90
|
+
<li v-for="item in theme.nav.filter((item) => item.action)">
|
|
91
|
+
<a
|
|
92
|
+
class="button right-align"
|
|
93
|
+
:class="item.action === 'primary' ? '' : 'text'"
|
|
94
|
+
:href="item.link"
|
|
95
|
+
>
|
|
96
|
+
<span>{{ item.text }}</span>
|
|
97
|
+
<i class="mdi mdi-arrow-right"></i>
|
|
98
|
+
</a>
|
|
99
|
+
</li>
|
|
100
|
+
</ul>
|
|
101
|
+
</nav>
|
|
72
102
|
</nav>
|
|
73
103
|
</div>
|
|
74
104
|
<header v-if="frontmatter.hero" class="primary center-align">
|
|
@@ -239,6 +269,7 @@ header .cta.alt {
|
|
|
239
269
|
footer {
|
|
240
270
|
padding: 0;
|
|
241
271
|
}
|
|
272
|
+
.top-nav > nav,
|
|
242
273
|
.top-nav > .holder,
|
|
243
274
|
footer > .holder {
|
|
244
275
|
width: 100%;
|
package/src/index.js
CHANGED
|
@@ -9,14 +9,17 @@ export default {
|
|
|
9
9
|
Layout,
|
|
10
10
|
enhanceApp({ app, router, siteData }) {
|
|
11
11
|
app.component("FeatureSection", FeatureSection);
|
|
12
|
-
|
|
12
|
+
|
|
13
13
|
router.onAfterRouteChanged = () => {
|
|
14
14
|
if (!import.meta.env.SSR) {
|
|
15
15
|
window.scrollTo(0, 0);
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
|
|
19
19
|
if (!import.meta.env.SSR) {
|
|
20
|
+
document.body.classList.remove("dark");
|
|
21
|
+
document.body.classList.add("light");
|
|
22
|
+
|
|
20
23
|
const brandStyle = document.createElement("style");
|
|
21
24
|
brandStyle.appendChild(
|
|
22
25
|
document.createTextNode(`
|