new changes

This commit is contained in:
f.shokouhi
2019-11-03 11:34:10 +03:30
parent da3dd22ec5
commit 6ece7b720d
5 changed files with 76 additions and 21 deletions
@@ -51,10 +51,10 @@
<v-flex xs12>
<hr class="v-divider theme--light">
</v-flex>
<v-layout row wrap class="ml-4">
<v-layout row wrap style="margin-left: 20px !important;">
<template>
<v-expansion-panel v-for="(label, key) in data.labels" :key="key">
<v-expansion-panel class="WM-Panel" v-for="(label, key) in data.labels" :key="key">
<v-expansion-panel-content>
<template v-slot:header>
<div>{{ label.name }}</div>
@@ -63,7 +63,7 @@
<v-card-text>count : {{ label.pivot.count }}</v-card-text>
<v-card-text>note : {{ label.note }}</v-card-text>
<v-card-text> Package :
<v-expansion-panel>
<v-expansion-panel class="WM-Panel">
<v-expansion-panel-content>
<template v-slot:header>
<div>{{ label.package.name }}</div>
@@ -72,7 +72,7 @@
<v-card-text>note : {{ label.package.note }}</v-card-text>
<v-card-text>
Items :
<v-expansion-panel v-for="item in label.package.items" :key="item.key">
<v-expansion-panel class="WM-Panel" v-for="item in label.package.items" :key="item.key">
<v-expansion-panel-content>
<template v-slot:header>
<div>{{ item.name }}</div>
@@ -126,3 +126,28 @@ export default {
}
};
</script>
<style media="screen">
.v-expansion-panel.WM-Panel {
box-shadow: none;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 4px solid #e91e63;
padding: 5px 10px;
margin: 10px 0;
}
.v-expansion-panel.WM-Panel .v-expansion-panel__header {
font-weight:300;
font-size: 24px;
padding: 5px 10px;
margin: 7px 0;
}
.v-expansion-panel.WM-Panel .v-card__text {
padding: 0 0 0 30px;
font-weight: 600;
font-size: 18px;
}
.v-expansion-panel.WM-Panel .v-expansion-panel__body>.v-card {
margin: 5px 0 8px 0 !important;
}
</style>