@magicgol/polyjuice 0.44.0 → 0.45.0

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.44.0",
3
+ "version": "0.45.0",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div
3
- class="rounded p-2"
3
+ class="rounded p-2 d-flex align-items-center"
4
4
  :class="classes"
5
5
  ><slot></slot></div>
6
6
  </template>
@@ -28,6 +28,7 @@ export default {
28
28
  </script>
29
29
 
30
30
  <style lang="scss">
31
+ // TODO Should import breakpoints and set different min height by device viewport
31
32
  @import '../../../assets/palette';
32
33
 
33
34
  .mg-highlighter {
@@ -35,6 +36,7 @@ export default {
35
36
  font-family: Ubuntu, sans-serif;
36
37
  font-size: 16px;
37
38
  font-weight: 700;
39
+ min-height: 4rem;
38
40
 
39
41
  &--disabled {
40
42
  opacity: 0.3 !important;
@@ -3,7 +3,7 @@
3
3
  @click="onClick"
4
4
  :class="classes"
5
5
  >
6
- <div class="d-flex">
6
+ <div class="d-flex align-items-center">
7
7
  <div class="position-relative">
8
8
  <svgicon :name="icon"></svgicon>
9
9
  <span
@@ -44,6 +44,7 @@ export default {
44
44
  font-family: 'Ubuntu', sans-serif;
45
45
  font-size: 0.75rem;
46
46
  font-weight: 500;
47
+ line-height: 1.3;
47
48
  outline: none;
48
49
 
49
50
  &--disabled {
@@ -75,7 +75,7 @@ export default {
75
75
  }
76
76
 
77
77
  &-shadow {
78
- height: 7.5rem;
78
+ height: 10rem;
79
79
  }
80
80
 
81
81
  &-title {