Skip to content

Commit

Permalink
feat: fixed lintin errors in content loaders & cards
Browse files Browse the repository at this point in the history
  • Loading branch information
Amirah Chamble authored and Amirah Chamble committed Jan 11, 2019
1 parent 0c9d0f0 commit 6e826b3
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 36 deletions.
5 changes: 2 additions & 3 deletions dev/views/Cards.vue
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,7 @@
I am card content
</Card>

<Card
>
<Card>
<div
slot="heading"
slot-scope="{ headerClass }"
Expand All @@ -34,7 +33,7 @@
<script lang="ts">
import Vue from 'vue'
import { Card } from '@/index'
import { mapClassName } from '@/util/style';
import { mapClassName } from '@/util/style'
export default Vue.extend({
components: {
Expand Down
40 changes: 7 additions & 33 deletions src/components/FishTankLoaderContent.vue
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<template >
<template>

<ContentLoader
v-if="theme === 'AlertList'"
Expand Down Expand Up @@ -48,7 +48,6 @@
width="400"
height="1"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -59,7 +58,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="12"
Expand Down Expand Up @@ -212,8 +210,6 @@
width="320"
height="16"
/>


</ContentLoader>

<ContentLoader
Expand All @@ -224,7 +220,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="12"
Expand Down Expand Up @@ -353,8 +348,6 @@
width="340"
height="16"
/>


</ContentLoader>

<ContentLoader
Expand All @@ -365,7 +358,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="0"
Expand Down Expand Up @@ -572,7 +564,6 @@
width="51"
height="16"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -583,7 +574,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="0"
Expand Down Expand Up @@ -619,7 +609,6 @@
width="400"
height="108"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -630,7 +619,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="12"
Expand Down Expand Up @@ -675,7 +663,6 @@
width="340"
height="1"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -686,7 +673,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="20"
Expand Down Expand Up @@ -821,7 +807,6 @@
width="340"
height="16"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -832,7 +817,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="12"
Expand Down Expand Up @@ -868,7 +852,6 @@
width="60"
height="16"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -879,7 +862,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="0"
Expand Down Expand Up @@ -951,7 +933,6 @@
width="383"
height="16"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -962,7 +943,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="12"
Expand Down Expand Up @@ -1061,7 +1041,6 @@
width="340"
height="1"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -1072,7 +1051,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="12"
Expand Down Expand Up @@ -1243,7 +1221,6 @@
width="340"
height="16"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -1253,8 +1230,7 @@
:speed="loaderSpeed"
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

>
<rect
x="0"
y="0"
Expand Down Expand Up @@ -1389,7 +1365,6 @@
width="340"
height="16"
/>

</ContentLoader>

<ContentLoader
Expand All @@ -1400,7 +1375,6 @@
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
>

<rect
x="0"
y="12"
Expand Down Expand Up @@ -1551,22 +1525,22 @@
rx="5"
ry="0"
width="301"
height="18"
height="18"
/>

</ContentLoader>

<ContentLoader
v-else
:speed="loaderSpeed"
:primary-color="loaderPrimaryColor"
:secondary-color="loaderSecondaryColor"
:width ="loaderWidth"
:height ="loaderHeight"
:width="loaderWidth"
:height="loaderHeight"
>
<slot/>
<slot />
</ContentLoader>
</template>

<script lang="ts">
import { ContentLoader } from "vue-content-loader"
import Vue from 'vue'
Expand Down

0 comments on commit 6e826b3

Please sign in to comment.