@magicgol/polyjuice 0.37.2 → 0.37.4

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magicgol/polyjuice",
3
- "version": "0.37.2",
3
+ "version": "0.37.4",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
@@ -6,7 +6,7 @@
6
6
  :disabled="disabled"
7
7
  @click="onClick"
8
8
  >
9
- <mg-club-star negative size="small"></mg-club-star>
9
+ <mg-club-star negative></mg-club-star>
10
10
  <div class="ml-2">
11
11
  <slot></slot>
12
12
  </div>
@@ -66,16 +66,15 @@ export default {
66
66
  box-shadow: 0 5px 22px rgba(0, 0, 0, 0.3);
67
67
  cursor: pointer;
68
68
  font-family: 'Ubuntu', sans-serif;
69
+ font-size: 1rem;
69
70
  font-weight: 500;
70
71
  outline: none;
71
72
 
72
73
  &-size {
73
74
  &-normal {
74
- font-size: 0.8215rem;
75
75
  padding: 0.5rem;
76
76
  }
77
77
  &-large {
78
- font-size: 1rem;
79
78
  padding: 1rem;
80
79
  }
81
80
  }
@@ -7,7 +7,7 @@
7
7
  @click="onClick"
8
8
  >
9
9
  <div class="d-flex justify-content-center align-items-center">
10
- <mg-club-star size="small" :trial="trial"></mg-club-star>
10
+ <mg-club-star :trial="trial"></mg-club-star>
11
11
  <div class="ml-2"><slot></slot></div>
12
12
  </div>
13
13
  </button>
@@ -62,7 +62,7 @@ export default {
62
62
  box-sizing: border-box;
63
63
  color: map-get($palette, 'expertClub');
64
64
  cursor: pointer;
65
- font-size: 0.8215rem;
65
+ font-size: 1rem;
66
66
  font-family: 'Ubuntu', sans-serif;
67
67
  font-weight: 500;
68
68
  outline: none;
@@ -8,7 +8,7 @@ export default {
8
8
  argTypes: {
9
9
  size: {
10
10
  control: { type: 'select' },
11
- options: ['normal', 'small'],
11
+ options: ['normal', 'small', 'large'],
12
12
  defaultValue: 'normal'
13
13
  },
14
14
  default: {
@@ -32,7 +32,7 @@ export default {
32
32
  type: String,
33
33
  default: 'normal',
34
34
  validator: function (value) {
35
- return ['small', 'normal'].indexOf(value) !== -1;
35
+ return ['small', 'normal', 'large'].indexOf(value) !== -1;
36
36
  },
37
37
  }
38
38
  },
@@ -45,6 +45,7 @@ export default {
45
45
  'mg-club-star--negative': this.negative === true,
46
46
  'mg-club-star-size-small': this.size === 'small',
47
47
  'mg-club-star-size-normal': this.size === 'normal',
48
+ 'mg-club-star-size-large': this.size === 'large',
48
49
  };
49
50
  },
50
51
  icon () {
@@ -93,6 +94,15 @@ export default {
93
94
  width: 1.25rem;
94
95
  }
95
96
  }
97
+
98
+ &-large {
99
+ svg {
100
+ height: 1.5rem;
101
+ min-height: 1.5rem;
102
+ min-width: 1.5rem;
103
+ width: 1.5rem;
104
+ }
105
+ }
96
106
  }
97
107
 
98
108
  &--negative {