Skip to content

Commit 91c04a2

Browse files
rekrytrekryt
committed
final changes
1 parent c950a84 commit 91c04a2

34 files changed

+479
-842
lines changed

‎.nuxt/App.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,14 @@ import { getMatchedComponentsInstances, promisify, globalHandleError } from './u
33
import NuxtLoading from './components/nuxt-loading.vue'
44
import NuxtBuildIndicator from './components/nuxt-build-indicator'
55

6+
import '..\\assets\\less\\main.less'
7+
68
import _6f6c098b from '..\\layouts\\default.vue'
79

810
const layouts = { "_default": _6f6c098b }
911

1012
export default {
11-
head: {"title":"nuxt-vuetify-dashboard","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"description","name":"description","content":"Nuxt.js + Vuetify.js project"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"\u002Ffavicon.ico"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700|Material+Icons"}],"style":[],"script":[]},
13+
head: {"title":"nuxt-vuetify-dashboard","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"description","name":"description","content":"Nuxt.js + Vuetify.js + Material Dashboard"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"\u002Ffavicon.ico"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700|Material+Icons"}],"style":[],"script":[]},
1214

1315
render(h, props) {
1416
const loadingEl = h('NuxtLoading', { ref: 'loading' })

‎assets/less/blocks/editor.less

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.editor {
2+
&-label {
3+
font-size: 2rem;
4+
}
5+
}

‎assets/less/main.less

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@import "blocks/editor";

‎assets/style/app.styl

Lines changed: 0 additions & 18 deletions
This file was deleted.

‎components/NuxtLogo.vue

Lines changed: 0 additions & 79 deletions
This file was deleted.

‎components/VuetifyLogo.vue

Lines changed: 0 additions & 20 deletions
This file was deleted.

‎components/base/Card.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<script>
2-
import { VCard } from "vuetify/lib";
2+
import { VCard } from 'vuetify/lib';
33
44
export default {
5-
name: "BaseCard",
5+
name: 'BaseCard',
66
extends: VCard,
77
};
88
</script>

‎components/core/AppBar.vue

Lines changed: 13 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,6 @@
11
<template>
2-
<v-app-bar
3-
id="core-app-bar"
4-
absolute
5-
app
6-
color="transparent"
7-
flat
8-
height="88"
9-
>
10-
<v-toolbar-title
11-
class="tertiary--text font-weight-light align-self-center"
12-
>
2+
<v-app-bar id="core-app-bar" absolute app color="transparent" flat height="88">
3+
<v-toolbar-title class="tertiary--text font-weight-light align-self-center">
134
<v-btn v-if="responsive" dark icon @click.stop="onClick">
145
<v-icon>mdi-view-list</v-icon>
156
</v-btn>
@@ -20,12 +11,7 @@
2011

2112
<v-toolbar-items>
2213
<v-row align="center" class="mx-0">
23-
<v-text-field
24-
class="mr-4 purple-input"
25-
color="purple"
26-
label="Search..."
27-
hide-details
28-
/>
14+
<v-text-field class="mr-4 purple-input" color="purple" label="Search..." hide-details />
2915

3016
<v-btn icon to="/">
3117
<v-icon color="tertiary">
@@ -35,13 +21,7 @@
3521

3622
<v-menu bottom left offset-y transition="slide-y-transition">
3723
<template v-slot:activator="{ attrs, on }">
38-
<v-btn
39-
class="toolbar-items"
40-
icon
41-
to="/notifications"
42-
v-bind="attrs"
43-
v-on="on"
44-
>
24+
<v-btn class="toolbar-items" icon to="/notifications" v-bind="attrs" v-on="on">
4525
<v-badge color="error" overlap>
4626
<template slot="badge">
4727
{{ notifications.length }}
@@ -55,11 +35,7 @@
5535

5636
<v-card>
5737
<v-list dense>
58-
<v-list-item
59-
v-for="notification in notifications"
60-
:key="notification"
61-
@click="onClick"
62-
>
38+
<v-list-item v-for="notification in notifications" :key="notification" @click="onClick">
6339
<v-list-item-title v-text="notification" />
6440
</v-list-item>
6541
</v-list>
@@ -78,16 +54,16 @@
7854

7955
<script>
8056
// Utilities
81-
import { mapMutations } from "vuex";
57+
import { mapMutations } from 'vuex';
8258
8359
export default {
8460
data: () => ({
8561
notifications: [
86-
"Mike, John responded to your email",
87-
"You have 5 new tasks",
62+
'Mike, John responded to your email',
63+
'You have 5 new tasks',
8864
"You're now a friend with Andrew",
89-
"Another Notification",
90-
"Another One",
65+
'Another Notification',
66+
'Another One',
9167
],
9268
title: null,
9369
responsive: false,
@@ -101,14 +77,14 @@ export default {
10177
10278
mounted() {
10379
this.onResponsiveInverted();
104-
window.addEventListener("resize", this.onResponsiveInverted);
80+
window.addEventListener('resize', this.onResponsiveInverted);
10581
},
10682
beforeDestroy() {
107-
window.removeEventListener("resize", this.onResponsiveInverted);
83+
window.removeEventListener('resize', this.onResponsiveInverted);
10884
},
10985
11086
methods: {
111-
...mapMutations("app", ["setDrawer", "toggleDrawer"]),
87+
...mapMutations('app', ['setDrawer', 'toggleDrawer']),
11288
onClick() {
11389
this.setDrawer(!this.$store.state.app.drawer);
11490
},

‎components/core/Drawer.vue

Lines changed: 27 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -12,19 +12,12 @@
1212
width="260"
1313
>
1414
<template v-slot:img="attrs">
15-
<v-img
16-
v-bind="attrs"
17-
gradient="to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)"
18-
/>
15+
<v-img v-bind="attrs" gradient="to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)" />
1916
</template>
2017

2118
<v-list-item two-line>
2219
<v-list-item-avatar color="white">
23-
<v-img
24-
src="https://cdn.vuetifyjs.com/images/logos/v.png"
25-
height="34"
26-
contain
27-
/>
20+
<v-img src="https://cdn.vuetifyjs.com/images/logos/v.png" height="34" contain />
2821
</v-list-item-avatar>
2922

3023
<v-list-item-title class="title">
@@ -38,12 +31,7 @@
3831
<!-- Bug in Vuetify for first child of v-list not receiving proper border-radius -->
3932
<div />
4033

41-
<v-list-item
42-
v-for="(link, i) in links"
43-
:key="i"
44-
:to="link.to"
45-
active-class="primary white--text"
46-
>
34+
<v-list-item v-for="(link, i) in links" :key="i" :to="link.to" active-class="primary white--text">
4735
<v-list-item-action>
4836
<v-icon>{{ link.icon }}</v-icon>
4937
</v-list-item-action>
@@ -70,7 +58,7 @@
7058

7159
<script>
7260
// Utilities
73-
import { mapMutations, mapState } from "vuex";
61+
import { mapMutations, mapState } from 'vuex';
7462
7563
export default {
7664
props: {
@@ -82,45 +70,45 @@ export default {
8270
data: () => ({
8371
links: [
8472
{
85-
to: "/",
86-
icon: "mdi-view-dashboard",
87-
text: "Dashboard",
73+
to: '/',
74+
icon: 'mdi-view-dashboard',
75+
text: 'Dashboard',
8876
},
8977
{
90-
to: "/user-profile",
91-
icon: "mdi-account",
92-
text: "User Profile",
78+
to: '/user-profile',
79+
icon: 'mdi-account',
80+
text: 'User Profile',
9381
},
9482
{
95-
to: "/table-list",
96-
icon: "mdi-clipboard-outline",
97-
text: "Table List",
83+
to: '/table-list',
84+
icon: 'mdi-clipboard-outline',
85+
text: 'Table List',
9886
},
9987
{
100-
to: "/typography",
101-
icon: "mdi-format-font",
102-
text: "Typography",
88+
to: '/typography',
89+
icon: 'mdi-format-font',
90+
text: 'Typography',
10391
},
10492
{
105-
to: "/icons",
106-
icon: "mdi-chart-bubble",
107-
text: "Icons",
93+
to: '/icons',
94+
icon: 'mdi-chart-bubble',
95+
text: 'Icons',
10896
},
10997
{
110-
to: "/maps",
111-
icon: "mdi-map-marker",
112-
text: "Maps",
98+
to: '/maps',
99+
icon: 'mdi-map-marker',
100+
text: 'Maps',
113101
},
114102
{
115-
to: "/notifications",
116-
icon: "mdi-bell",
117-
text: "Notifications",
103+
to: '/notifications',
104+
icon: 'mdi-bell',
105+
text: 'Notifications',
118106
},
119107
],
120108
}),
121109
122110
computed: {
123-
...mapState("app", ["image", "color"]),
111+
...mapState('app', ['image', 'color']),
124112
inputValue: {
125113
get() {
126114
return this.$store.state.app.drawer;
@@ -132,7 +120,7 @@ export default {
132120
},
133121
134122
methods: {
135-
...mapMutations("app", ["setDrawer", "toggleDrawer"]),
123+
...mapMutations('app', ['setDrawer', 'toggleDrawer']),
136124
},
137125
};
138126
</script>

0 commit comments

Comments
 (0)