Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Upgrade Vuetify deprecated classes #71

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Upgrade Vuetify deprecated classes #71

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,3 +23,4 @@ yarn-error.log*
*.njsproj
*.sln
*.sw?
.history
4 changes: 2 additions & 2 deletions src/components/base/MaterialCard.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@

<div
v-else-if="title && !icon"
class="display-1 font-weight-light"
class="text-h4 font-weight-light"
v-text="title"
/>

Expand All @@ -50,7 +50,7 @@

<div
v-if="text"
class="headline font-weight-thin"
class="text-h5 font-weight-thin"
v-text="text"
/>
</v-sheet>
Expand Down
4 changes: 2 additions & 2 deletions src/components/base/MaterialStatsCard.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
v-text="title"
/>

<h3 class="display-2 font-weight-light text--primary">
<h3 class="text-h3 font-weight-light text--primary">
{{ value }} <small>{{ smallValue }}</small>
</h3>
</div>
Expand All @@ -35,7 +35,7 @@

<span
:class="subTextColor"
class="caption grey--text font-weight-light"
class="text-caption grey--text font-weight-light"
v-text="subText"
/>
</base-material-card>
Expand Down
6 changes: 3 additions & 3 deletions src/components/base/MaterialTestimony.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,17 +10,17 @@
</div>

<v-card-text
class="display-1 font-weight-light font-italic mb-3"
class="text-h4 font-weight-light font-italic mb-3"
v-text="blurb"
/>

<div
class="display-2 font-weight-light mb-2"
class="text-h3 font-weight-light mb-2"
v-text="author"
/>

<div
class="body-2 text-uppercase grey--text"
class="text-body-2 text-uppercase grey--text"
v-text="handle"
/>

Expand Down
4 changes: 2 additions & 2 deletions src/components/base/Subheading.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<template>
<div class="display-2 font-weight-light col col-12 text-left text--primary pa-0 mb-8">
<div class="text-h3 font-weight-light col col-12 text-left text--primary pa-0 mb-8">
<h5 class="font-weight-light">
{{ subheading }}
<template v-if="text">
<span
class="subtitle-1"
class="text-subtitle-1"
v-text="text"
/>
</template>
Expand Down
4 changes: 2 additions & 2 deletions src/components/base/VComponent.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
<template>
<section class="mb-12 text-center">
<h1
class="font-weight-light mb-2 headline"
class="font-weight-light mb-2 text-h5"
v-text="`Vuetify ${heading}`"
/>

<span
class="font-weight-light subtitle-1"
class="font-weight-light text-subtitle-1"
>
Please checkout the
<a
Expand Down
10 changes: 5 additions & 5 deletions src/views/dashboard/Dashboard.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@
>
mdi-clock-outline
</v-icon>
<span class="caption grey--text font-weight-light">updated 10 minutes ago</span>
<span class="text-caption grey--text font-weight-light">updated 10 minutes ago</span>
</template>
</base-material-chart-card>
</v-col>
Expand Down Expand Up @@ -142,7 +142,7 @@
>
mdi-clock-outline
</v-icon>
<span class="caption grey--text font-weight-light">updated 4 minutes ago</span>
<span class="text-caption grey--text font-weight-light">updated 4 minutes ago</span>
</template>
</base-material-chart-card>
</v-col>
Expand Down Expand Up @@ -209,7 +209,7 @@
>
mdi-clock-outline
</v-icon>
<span class="caption grey--text font-weight-light">campaign sent 26 minutes ago</span>
<span class="text-caption grey--text font-weight-light">campaign sent 26 minutes ago</span>
</template>
</base-material-chart-card>
</v-col>
Expand Down Expand Up @@ -284,11 +284,11 @@
class="px-5 py-3"
>
<template v-slot:heading>
<div class="display-2 font-weight-light">
<div class="text-h3 font-weight-light">
Employees Stats
</div>

<div class="subtitle-1 font-weight-light">
<div class="text-subtitle-1 font-weight-light">
New employees on 15th September, 2016
</div>
</template>
Expand Down
14 changes: 7 additions & 7 deletions src/views/dashboard/Upgrade.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,11 @@
>
<base-material-card color="primary">
<template v-slot:heading>
<div class="display-2 font-weight-light">
<div class="text-h3 font-weight-light">
Vuetify Material Dashboard
</div>

<div class="subtitle-1 font-weight-light">
<div class="text-subtitle-1 font-weight-light">
Are you looking for more components? Please check our Premium Version of Vuetify Material Dashboard
</div>
</template>
Expand All @@ -34,28 +34,28 @@
</thead>
<tbody class="text-center">
<tr>
<th class="text-left font-weight-light subtitle-1">
<th class="text-left font-weight-light text-subtitle-1">
Components
</th>
<td>60</td>
<td>200</td>
</tr>
<tr>
<th class="text-left font-weight-light subtitle-1">
<th class="text-left font-weight-light text-subtitle-1">
Plugins
</th>
<td>2</td>
<td>4</td>
</tr>
<tr>
<th class="text-left font-weight-light subtitle-1">
<th class="text-left font-weight-light text-subtitle-1">
Example Pages
</th>
<td>3</td>
<td>8</td>
</tr>
<tr>
<th class="text-left font-weight-light subtitle-1">
<th class="text-left font-weight-light text-subtitle-1">
Login, Register, Pricing, Lock Pages
</th>
<td>
Expand All @@ -70,7 +70,7 @@
</td>
</tr>
<tr>
<th class="text-left font-weight-light subtitle-1">
<th class="text-left font-weight-light text-subtitle-1">
Premium Support
</th>
<td>
Expand Down
4 changes: 2 additions & 2 deletions src/views/dashboard/component/Icons.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,11 @@
<v-col cols="12">
<base-material-card color="green">
<template v-slot:heading>
<div class="display-2 font-weight-light">
<div class="text-h3 font-weight-light">
Material Design Icons
</div>

<div class="subtitle-1 font-weight-light">
<div class="text-subtitle-1 font-weight-light">
See all available
<a
class="white--text"
Expand Down
2 changes: 1 addition & 1 deletion src/views/dashboard/component/Notifications.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -247,7 +247,7 @@
</v-icon>
</v-card-title>

<v-card-text class="body-1 text-center">
<v-card-text class="text-body-1 text-center">
<v-row>
<v-col
cols="12"
Expand Down
4 changes: 2 additions & 2 deletions src/views/dashboard/component/Typography.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,11 @@
color="green"
>
<template v-slot:heading>
<div class="display-2 font-weight-light">
<div class="text-h3 font-weight-light">
Material Dashboard Heading
</div>

<div class="subtitle-1 font-weight-light">
<div class="text-subtitle-1 font-weight-light">
Created using Roboto Font Family
</div>
</template>
Expand Down
2 changes: 1 addition & 1 deletion src/views/dashboard/components/core/Drawer.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@

<v-list-item-content>
<v-list-item-title
class="display-1"
class="text-h4"
v-text="profile.title"
/>
</v-list-item-content>
Expand Down
2 changes: 1 addition & 1 deletion src/views/dashboard/components/core/Footer.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
cols="12"
md="auto"
>
<div class="body-1 font-weight-light pt-6 pt-md-0 text-center">
<div class="text-body-1 font-weight-light pt-6 pt-md-0 text-center">
&copy; 2019, made with
<v-icon size="18">
mdi-heart
Expand Down
8 changes: 4 additions & 4 deletions src/views/dashboard/pages/UserProfile.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,11 +11,11 @@
>
<base-material-card>
<template v-slot:heading>
<div class="display-2 font-weight-light">
<div class="text-h3 font-weight-light">
Edit Profile
</div>

<div class="subtitle-1 font-weight-light">
<div class="text-subtitle-1 font-weight-light">
Complete your profile
</div>
</template>
Expand Down Expand Up @@ -145,11 +145,11 @@
avatar="https://demos.creative-tim.com/vue-material-dashboard/img/marc.aba54d65.jpg"
>
<v-card-text class="text-center">
<h6 class="display-1 mb-1 grey--text">
<h6 class="text-h4 mb-1 grey--text">
CEO / CO-FOUNDER
</h6>

<h4 class="display-2 font-weight-light mb-3 black--text">
<h4 class="text-h3 font-weight-light mb-3 black--text">
Alec Thompson
</h4>

Expand Down