@magicgol/polyjuice 0.55.0 → 0.55.1
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
</div>
|
13
13
|
<div
|
14
14
|
class="mg-v-card-body"
|
15
|
-
:class="{'p-3': size === 'normal', 'p-2': size === 'small'}"
|
15
|
+
:class="{'p-3': size === 'normal', 'p-2': size === 'small', 'py-1 px-2': size === 'x-small'}"
|
16
16
|
><slot></slot></div>
|
17
17
|
<div
|
18
18
|
class="mg-v-card-footer"
|
@@ -54,6 +54,7 @@ export default {
|
|
54
54
|
default: 'normal',
|
55
55
|
validator: function (value) {
|
56
56
|
return [
|
57
|
+
'x-small',
|
57
58
|
'small',
|
58
59
|
'normal',
|
59
60
|
].indexOf(value) !== -1;
|
@@ -70,6 +71,9 @@ export default {
|
|
70
71
|
return {
|
71
72
|
'mg-v-card': true,
|
72
73
|
'mg-v-card--highlighted': this.highlighted === true,
|
74
|
+
'mg-v-card--size-x-small': this.size === 'x-small',
|
75
|
+
'mg-v-card--size-small': this.size === 'small',
|
76
|
+
'mg-v-card--size-normal': this.size === 'normal',
|
73
77
|
'mg-v-card--theme-rating': this.theme === 'rating',
|
74
78
|
'mg-v-card--theme-goalkeeper': this.theme === 'goalkeeper',
|
75
79
|
'mg-v-card--theme-defender': this.theme === 'defender',
|
@@ -100,9 +104,19 @@ export default {
|
|
100
104
|
|
101
105
|
.mg-v-card {
|
102
106
|
background: white;
|
103
|
-
border-radius: 16px;
|
104
107
|
box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
|
105
108
|
|
109
|
+
&--size {
|
110
|
+
&-small,
|
111
|
+
&-normal {
|
112
|
+
border-radius: 16px;
|
113
|
+
}
|
114
|
+
|
115
|
+
&-x-small {
|
116
|
+
border-radius: 9px;
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
106
120
|
&--highlighted {
|
107
121
|
border: 2px solid map-get($palette, 'highlighted');
|
108
122
|
}
|