@afeefa/vue-app 0.0.129 → 0.0.131
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.afeefa/package/release/version.txt +1 -1
- package/package.json +1 -1
- package/src/api-resources/ApiAction.js +3 -1
- package/src/components/AContextMenu.vue +5 -4
- package/src/components/ADialog.vue +3 -3
- package/src/components/AModal.vue +3 -4
- package/src/components/ATableRow.vue +9 -0
- package/src-admin/components/app/AppBarTitle.vue +9 -1
- package/src-admin/config/vuetify.js +3 -1
@@ -1 +1 @@
|
|
1
|
-
0.0.
|
1
|
+
0.0.131
|
package/package.json
CHANGED
@@ -143,8 +143,8 @@ export default class AContextMenu extends Mixins(UsesPositionServiceMixin) {
|
|
143
143
|
z-index: 400;
|
144
144
|
display: block;
|
145
145
|
background-color: white;
|
146
|
-
padding:
|
147
|
-
transition: left
|
146
|
+
padding: .5rem;
|
147
|
+
transition: left .2s;
|
148
148
|
|
149
149
|
.nose {
|
150
150
|
position: absolute;
|
@@ -156,11 +156,11 @@ export default class AContextMenu extends Mixins(UsesPositionServiceMixin) {
|
|
156
156
|
transform-origin: top left;
|
157
157
|
transform: translateY(-70%) rotate(45deg);
|
158
158
|
background-color: white;
|
159
|
-
box-shadow: -1px 1px 1px 0 rgba(0, 0, 0,
|
159
|
+
box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, .15);
|
160
160
|
|
161
161
|
&.right {
|
162
162
|
left: 100%;
|
163
|
-
box-shadow: 1px -1px 1px 0 rgba(0, 0, 0,
|
163
|
+
box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, .15);
|
164
164
|
}
|
165
165
|
}
|
166
166
|
|
@@ -170,6 +170,7 @@ export default class AContextMenu extends Mixins(UsesPositionServiceMixin) {
|
|
170
170
|
margin: .3rem 0;
|
171
171
|
}
|
172
172
|
}
|
173
|
+
|
173
174
|
.contextButton {
|
174
175
|
cursor: pointer;
|
175
176
|
}
|
@@ -225,12 +225,11 @@ export default class ADialog extends Mixins(UsesPositionServiceMixin, CancelOnEs
|
|
225
225
|
|
226
226
|
<style lang="scss" scoped>
|
227
227
|
.v-card__title {
|
228
|
-
|
229
|
-
padding: .6rem 1rem .3rem !important;
|
228
|
+
padding: .8rem 1rem !important;
|
230
229
|
}
|
231
230
|
|
232
231
|
.v-card__text {
|
233
|
-
padding: .
|
232
|
+
padding: .5rem 1.2rem 1rem !important;
|
234
233
|
}
|
235
234
|
|
236
235
|
:deep(.v-dialog) {
|
@@ -238,6 +237,7 @@ export default class ADialog extends Mixins(UsesPositionServiceMixin, CancelOnEs
|
|
238
237
|
top: 0;
|
239
238
|
left: 0;
|
240
239
|
margin: 0;
|
240
|
+
border-radius: 5px;
|
241
241
|
|
242
242
|
transition: none;
|
243
243
|
|
@@ -195,23 +195,22 @@ export default class ADialog extends Mixins(UsesPositionServiceMixin, ComponentW
|
|
195
195
|
|
196
196
|
<style lang="scss" scoped>
|
197
197
|
.v-card__title {
|
198
|
-
|
199
|
-
padding: .6rem 1rem .3rem !important;
|
198
|
+
padding: .8rem 1rem !important;
|
200
199
|
}
|
201
200
|
|
202
201
|
.v-card__text {
|
203
|
-
padding: .
|
202
|
+
padding: .5rem 1.2rem 1rem !important;
|
204
203
|
color: inherit !important;
|
205
204
|
}
|
206
205
|
|
207
206
|
:deep(.v-dialog) {
|
208
207
|
position: absolute;
|
209
208
|
margin: 0;
|
209
|
+
border-radius: 5px;
|
210
210
|
|
211
211
|
transition: none;
|
212
212
|
|
213
213
|
&.v-fade-transition {
|
214
|
-
|
215
214
|
&-enter-active, &-leave, &-leave-to {
|
216
215
|
transition: opacity .3s ease;
|
217
216
|
}
|
@@ -96,6 +96,15 @@ export default class ATableRow extends Vue {
|
|
96
96
|
padding-bottom: .2rem;
|
97
97
|
}
|
98
98
|
}
|
99
|
+
|
100
|
+
.textblock--small {
|
101
|
+
font-size: .8rem;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
|
105
|
+
.textblock--small {
|
106
|
+
font-size: .9rem;
|
107
|
+
line-height: .9;
|
99
108
|
}
|
100
109
|
|
101
110
|
[class*=text-] {
|
@@ -30,6 +30,9 @@
|
|
30
30
|
{{ subtitle }}
|
31
31
|
</h3>
|
32
32
|
<h2>{{ title }}</h2>
|
33
|
+
<h3 v-if="detail">
|
34
|
+
{{ detail }}
|
35
|
+
</h3>
|
33
36
|
</div>
|
34
37
|
</a-row>
|
35
38
|
</template>
|
@@ -38,7 +41,7 @@
|
|
38
41
|
import { Component, Vue } from '@a-vue'
|
39
42
|
|
40
43
|
@Component({
|
41
|
-
props: ['back', 'icon', 'title', 'subtitle']
|
44
|
+
props: ['back', 'icon', 'title', 'subtitle', 'detail']
|
42
45
|
})
|
43
46
|
export default class appBarTitle extends Vue {
|
44
47
|
mounted () {
|
@@ -89,4 +92,9 @@ h2 {
|
|
89
92
|
overflow: hidden;
|
90
93
|
text-overflow: ellipsis;
|
91
94
|
}
|
95
|
+
|
96
|
+
h2 + h3 {
|
97
|
+
color: #666666;
|
98
|
+
font-size: 1rem;
|
99
|
+
}
|
92
100
|
</style>
|
@@ -20,6 +20,7 @@ import {
|
|
20
20
|
mdiPalette,
|
21
21
|
mdiPencil,
|
22
22
|
mdiPlus,
|
23
|
+
mdiPlusCircle,
|
23
24
|
mdiPrinter,
|
24
25
|
mdiThumbUpOutline
|
25
26
|
} from '@mdi/js'
|
@@ -54,7 +55,8 @@ export default new Vuetify({
|
|
54
55
|
caretUpIcon: mdiMenuUp,
|
55
56
|
printerIcon: mdiPrinter,
|
56
57
|
euroSymbol: mdiCurrencyEur,
|
57
|
-
paletteIcon: mdiPalette
|
58
|
+
paletteIcon: mdiPalette,
|
59
|
+
addIcon: mdiPlusCircle
|
58
60
|
}
|
59
61
|
},
|
60
62
|
breakpoint: {
|