Skip to content

Commit 42f462d

Browse files
jlooperjlooper
committed
missing style sheet
1 parent 59ef0ca commit 42f462d

File tree

4 files changed

+13972
-91
lines changed

4 files changed

+13972
-91
lines changed

‎.vuepress/theme/Layout.vue

+5-5
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@
66
</div>
77
</template>
88
<script>
9-
import TopStrip from "./components/TopStrip.vue";
10-
import Home from "./components/Home.vue";
9+
import TopStrip from "./components/TopStrip.vue";
10+
import Home from "./components/Home.vue";
1111
12-
export default {
13-
components: {TopStrip, Home}
14-
}
12+
export default {
13+
components: { TopStrip, Home }
14+
};
1515
</script>
1616
<style lang="stylus">
1717
@import './styles/theme.styl';

‎.vuepress/theme/components/Home.vue

+1-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,5 @@
11
<template>
2-
<div
3-
class="font-sans leading-normal"
4-
:class="{'max-h-screen': modalVisible, 'overflow-hidden': modalVisible}"
5-
>
2+
<div class="font-sans leading-normal">
63
<div class="min-h-screen">
74
<div class="bg-blue-light">
85
<div class="container mx-auto py-8 px-4 md:px-0">

‎.vuepress/theme/components/TopStrip.vue

+81-82
Original file line numberDiff line numberDiff line change
@@ -1,101 +1,100 @@
11
<template>
2-
<div>
2+
<div class="bg-blue-dark md:border-t-8 border-green">
33
<a
44
href="https://www.youtube.com/watch?v=QtGBCj6gCLY?source=ns-vue"
55
target="_blank"
66
rel="noopener"
77
class="block bg-blue-light md:bg-green md:border-t-8 border-green p-4 md:p-0 text-center no-underline text-white"
88
>NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube</a>
99

10-
<div id="app" class="bg-blue-dark md:border-t-8 border-green">
11-
<div class="container flex items-center flex-wrap px-4 md:px-0 mx-auto">
12-
<div class="flex-1 flex items-center">
13-
<a href="<%= meta.home(current) %>">
14-
<div class="relative w-16 h-16">
15-
<img
16-
v-cloak
17-
class="w-16 h-16 absolute pin"
18-
src="https://art.nativescript-vue.org/NativeScript-Vue-White-Green.svg"
19-
alt="NativeScript-Vue Logo"
20-
>
21-
<img
22-
v-cloak
23-
class="w-16 h-16 absolute pin transition-all-ease hover:opacity-0"
24-
src="https://art.nativescript-vue.org/NativeScript-Vue-Green-White.svg"
25-
alt="NativeScript-Vue Logo"
26-
>
27-
</div>
28-
</a>
29-
</div>
30-
<div class="w-auto text-center relative">
31-
<input
32-
class="docSearch-input w-full md:w-48 px-4 py-2 text-blue-lightest bg-blue-light rounded-full"
33-
type="search"
34-
aria-label="Search"
35-
placeholder="Type to search..."
36-
>
37-
38-
<div class="hidden absolute ml-2 mt-2">
39-
<div class="border bg-white rounded shadow w-48"></div>
10+
<div class="container flex items-center flex-wrap px-4 md:px-0 mx-auto">
11+
<div class="flex-1 flex items-center">
12+
<a href="<%= meta.home(current) %>">
13+
<div class="relative w-16 h-16">
14+
<img
15+
v-cloak
16+
class="w-16 h-16 absolute pin"
17+
src="https://art.nativescript-vue.org/NativeScript-Vue-White-Green.svg"
18+
alt="NativeScript-Vue Logo"
19+
>
20+
<img
21+
v-cloak
22+
class="w-16 h-16 absolute pin transition-all-ease hover:opacity-0"
23+
src="https://art.nativescript-vue.org/NativeScript-Vue-Green-White.svg"
24+
alt="NativeScript-Vue Logo"
25+
>
4026
</div>
27+
</a>
28+
</div>
29+
<div class="w-auto text-center relative">
30+
<input
31+
class="docSearch-input w-full md:w-48 px-4 py-2 text-blue-lightest bg-blue-light rounded-full"
32+
type="search"
33+
aria-label="Search"
34+
placeholder="Type to search..."
35+
>
36+
37+
<div class="hidden absolute ml-2 mt-2">
38+
<div class="border bg-white rounded shadow w-48"></div>
4139
</div>
40+
</div>
4241

43-
<!-- Bars -->
44-
<div class="ml-4 md:hidden text-right" @click="navOpen = !navOpen">
45-
<div class="inline-block">
46-
<div class="w-6 h-2px bg-white mb-1"></div>
47-
<div class="w-6 h-2px bg-white mb-1"></div>
48-
<div class="w-6 h-2px bg-white"></div>
49-
</div>
42+
<!-- Bars -->
43+
<div class="ml-4 md:hidden text-right" @click="navOpen = !navOpen">
44+
<div class="inline-block">
45+
<div class="w-6 h-2px bg-white mb-1"></div>
46+
<div class="w-6 h-2px bg-white mb-1"></div>
47+
<div class="w-6 h-2px bg-white"></div>
5048
</div>
49+
</div>
5150

52-
<!-- Nav -->
53-
<div
54-
:class="{ hidden: isMobile && !navOpen, flex: isMobile && navOpen }"
55-
class="flex-col md:flex-row w-full md:w-auto"
56-
>
57-
<a
58-
href="<%= meta.lang(current, null, 'docs/introduction') %>"
59-
class="no-underline text-blue-lightest md:ml-6 mr-4 py-4"
60-
>Docs</a>
61-
<a
62-
href="/<%= meta.collections.blog[0].path %>"
63-
class="no-underline text-blue-lightest mr-4 py-4"
64-
>Blog</a>
65-
<div class="inline text-blue-lightest mr-4 py-4 relative group">Community
66-
<div
67-
class="pl-4 mt-3 md:pl-0 md:hidden group-hover:block hover:block md:absolute md:bg-white md:shadow md:rounded md:pin-r overflow-hidden z-50"
68-
>
69-
<div class="flex flex-col">
70-
<a
71-
href="https://github.com/nativescript-vue/nativescript-vue"
72-
target="_blank"
73-
rel="noopener"
74-
class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2"
75-
>GitHub</a>
76-
<a
77-
href="https://developer.telerik.com/wp-login.php?action=slack-invitation"
78-
target="_blank"
79-
rel="noopener"
80-
class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2"
81-
>Slack</a>
82-
<a
83-
href="https://twitter.com/VueNativeScript"
84-
target="_blank"
85-
rel="noopener"
86-
class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2"
87-
>Twitter</a>
88-
<a
89-
href="https://discourse.nativescript.org/c/vue"
90-
target="_blank"
91-
rel="noopener"
92-
class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2"
93-
>Forum</a>
94-
</div>
51+
<!-- Nav -->
52+
<div class="flex-col md:flex-row w-full md:w-auto">
53+
<a
54+
href="<%= meta.lang(current, null, 'docs/introduction') %>"
55+
class="no-underline text-blue-lightest md:ml-6 mr-4 py-4"
56+
>Docs</a>
57+
<a
58+
href="/<%= meta.collections.blog[0].path %>"
59+
class="no-underline text-blue-lightest mr-4 py-4"
60+
>Blog</a>
61+
<div class="inline text-blue-lightest mr-4 py-4 relative group">Community
62+
<div
63+
class="pl-4 mt-3 md:pl-0 md:hidden group-hover:block hover:block md:absolute md:bg-white md:shadow md:rounded md:pin-r overflow-hidden z-50"
64+
>
65+
<div class="flex flex-col">
66+
<a
67+
href="https://github.com/nativescript-vue/nativescript-vue"
68+
target="_blank"
69+
rel="noopener"
70+
class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2"
71+
>GitHub</a>
72+
<a
73+
href="https://developer.telerik.com/wp-login.php?action=slack-invitation"
74+
target="_blank"
75+
rel="noopener"
76+
class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2"
77+
>Slack</a>
78+
<a
79+
href="https://twitter.com/VueNativeScript"
80+
target="_blank"
81+
rel="noopener"
82+
class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2"
83+
>Twitter</a>
84+
<a
85+
href="https://discourse.nativescript.org/c/vue"
86+
target="_blank"
87+
rel="noopener"
88+
class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2"
89+
>Forum</a>
9590
</div>
9691
</div>
9792
</div>
9893
</div>
9994
</div>
10095
</div>
101-
</template>
96+
</template>
97+
98+
<style>
99+
@import "../styles/styles.css";
100+
</style>

0 commit comments

Comments
 (0)