diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-07-22 10:13:21 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-07-22 10:13:21 +0300 |
commit | 6de9de6009fcf22c4da806cdc8dbbe0ff4f4d3d8 (patch) | |
tree | b131e8805ce1bb0adac3c9f2d3a8fb50327387ce /src/components | |
parent | 7cba13534cda94a1efdbad2ff8dbe68de1fbeaa3 (diff) | |
download | webui-vue-6de9de6009fcf22c4da806cdc8dbbe0ff4f4d3d8.tar.xz |
add styles for collapse
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/_sila/Global/Collapse.vue | 31 |
1 files changed, 6 insertions, 25 deletions
diff --git a/src/components/_sila/Global/Collapse.vue b/src/components/_sila/Global/Collapse.vue index c8665c28..ac7eb467 100644 --- a/src/components/_sila/Global/Collapse.vue +++ b/src/components/_sila/Global/Collapse.vue @@ -1,16 +1,18 @@ <template> - <div class="page-collapse-decorator"> + <div> <b-button v-b-toggle="id" variant="collapse" class="d-flex flex-nowrap justify-content-start" > - <img :src="require(imgPath)" /> + <slot name="image"></slot> {{ title }} <component :is="iconChevronUp" class="icon-expand" /> </b-button> <b-collapse :id="id" class="nav-item__nav"> - <slot></slot> + <slot + style="margin-top 2rem; margin-left: 2rem; margin-right: 2 rem;" + ></slot> </b-collapse> </div> </template> @@ -24,13 +26,9 @@ export default { type: String, default: null, }, - imgPath: { - type: String, - default: '@/assets/images/_sila/collapsed/temperature.svg', - }, title: { type: String, - default: 'collapsed title', + default: null, }, }, data() { @@ -40,20 +38,3 @@ export default { }, }; </script> -<style lang="scss" scoped> -//nav items style -.nav-item, -.nav-link { - padding: 0; -} -.nav-item { - list-style-type: none; -} - -a { - color: $text-primary !important; - &:hover { - color: $text-primary !important; - } -} -</style> |