@afeefa/vue-app 0.0.177 → 0.0.178

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/.afeefa/package/release/version.txt +1 -1
  2. package/package.json +1 -1
  3. package/src/components/ALoadingIndicator.vue +23 -12
  4. package/src/components/AModal.vue +6 -12
  5. package/src/components/ASearchSelect.vue +1 -1
  6. package/src-admin/components/App.vue +0 -2
  7. package/src-admin/components/detail/DetailProperty.vue +6 -6
package/.afeefa/package/release/version.txt CHANGED
@@ -1 +1 @@
1
- 0.0.177
1
+ 0.0.178
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@afeefa/vue-app",
3
- "version": "0.0.177",
3
+ "version": "0.0.178",
4
4
  "description": "",
5
5
  "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
6
6
  "license": "MIT",
package/src/components/ALoadingIndicator.vue CHANGED
@@ -1,22 +1,23 @@
1
1
  <template>
2
- <v-progress-linear
3
- v-if="isLoading_"
4
- class="loadingIndicator"
5
- indeterminate
6
- :color="color"
7
- v-bind="$attrs"
8
- />
9
- <div
10
- v-else
11
- style="height: 4px;"
12
- />
2
+ <div :class="['loadingIndicator', {absolute}]">
3
+ <v-progress-linear
4
+ v-if="isLoading_"
5
+ class="loadingIndicator"
6
+ indeterminate
7
+ :color="color"
8
+ />
9
+ <div
10
+ v-else
11
+ style="height: 4px;"
12
+ />
13
+ </div>
13
14
  </template>
14
15
 
15
16
  <script>
16
17
  import { Component, Vue, Watch } from '@a-vue'
17
18
 
18
19
  @Component({
19
- props: ['isLoading']
20
+ props: [{isLoading: false, absolute: false}]
20
21
  })
21
22
  export default class ALoadingIndicator extends Vue {
22
23
  isLoading_ = false
@@ -49,3 +50,13 @@ export default class ALoadingIndicator extends Vue {
49
50
  }
50
51
  }
51
52
  </script>
53
+
54
+
55
+ <style lang="scss" scoped>
56
+ .absolute {
57
+ position: absolute;
58
+ width: 100%;
59
+ top: 0;
60
+ left: 0;
61
+ }
62
+ </style>
package/src/components/AModal.vue CHANGED
@@ -23,18 +23,12 @@
23
23
 
24
24
  <v-card v-if="modal">
25
25
  <v-card-title v-if="title">
26
- <v-avatar
27
- v-if="icon"
28
- color="#FFFFFF"
29
- size="2rem"
30
- class="mr-2 ml-n1"
31
- >
32
- <v-icon
33
- :color="icon.color"
34
- size="1.2rem"
35
- v-text="icon.icon"
36
- />
37
- </v-avatar>
26
+ <v-icon
27
+ :color="icon.color"
28
+ class="mr-2"
29
+ size="1.5rem"
30
+ v-text="icon.icon"
31
+ />
38
32
 
39
33
  {{ title }}
40
34
  </v-card-title>
package/src/components/ASearchSelect.vue CHANGED
@@ -49,7 +49,7 @@
49
49
  absolute
50
50
  top
51
51
  left
52
- :class="['loadingIndicator', {showFilters}]"
52
+ :class="[{showFilters}]"
53
53
  :isLoading="isLoading"
54
54
  />
55
55
  </div>
package/src-admin/components/App.vue CHANGED
@@ -14,8 +14,6 @@
14
14
  :class="{marginRight: hasFloatingInformationBar}"
15
15
  >
16
16
  <a-loading-indicator
17
- top
18
- class="loadingIndicator"
19
17
  :isLoading="!!numLoadingRequests"
20
18
  :color="loaderColor"
21
19
  />
package/src-admin/components/detail/DetailProperty.vue CHANGED
@@ -4,7 +4,7 @@
4
4
  <v-icon
5
5
  v-if="icon"
6
6
  :color="icon.color"
7
- size="3rem"
7
+ size="2.75rem"
8
8
  >
9
9
  {{ icon.icon }}
10
10
  </v-icon>
@@ -55,12 +55,12 @@ export default class DetailProperty extends Vue {
55
55
  height: 40px;
56
56
 
57
57
  > .v-icon {
58
- flex: 0 0 3rem;
59
- margin-right: 1.5rem;
58
+ flex: 0 0 2.5rem;
59
+ margin-right: 1rem;
60
60
  }
61
61
 
62
62
  .iconPlaceholder {
63
- width: 4.5rem;
63
+ width: 3.5rem;
64
64
  }
65
65
 
66
66
  .label {
@@ -73,8 +73,8 @@ export default class DetailProperty extends Vue {
73
73
  }
74
74
 
75
75
  .content {
76
- margin-top: .5rem;
77
- padding-left: 4.5rem;
76
+ margin-top: .75rem;
77
+ padding-left: 3.5rem;
78
78
  }
79
79
  }
80
80
  </style>