diff options
author | marco <marcoambrosini@pm.me> | 2022-03-30 18:11:18 +0300 |
---|---|---|
committer | marco <marcoambrosini@pm.me> | 2022-04-13 16:53:23 +0300 |
commit | 7c52bd7a57ccdceb2f4c10d4d385270996620e35 (patch) | |
tree | 891c79930548712b5d88b8661238acb6d71ccb1f | |
parent | 9024d09fbb129688c2931b7637bc905df2a4c91b (diff) |
Style SharedItem button
Signed-off-by: marco <marcoambrosini@pm.me>
-rw-r--r-- | src/components/RightSidebar/SharedItems/SharedItems.vue | 29 |
1 files changed, 16 insertions, 13 deletions
diff --git a/src/components/RightSidebar/SharedItems/SharedItems.vue b/src/components/RightSidebar/SharedItems/SharedItems.vue index ae7fe51e9..d42f75a6d 100644 --- a/src/components/RightSidebar/SharedItems/SharedItems.vue +++ b/src/components/RightSidebar/SharedItems/SharedItems.vue @@ -21,18 +21,25 @@ <template> <div class="shared-items"> - <button class="shared-items__caption" @click="handleCaptionClick"> + <Button type="tertiary" + :wide="true" + @click="handleCaptionClick"> {{ title }} - </button> + </Button> <slot /> </div> </template> <script> +import Button from '@nextcloud/vue/dist/Components/Button' export default { name: 'SharedItems', + components: { + Button, + }, + props: { title: { type: String, @@ -50,16 +57,12 @@ export default { <style lang="scss" scoped> .shared-items { - &__caption{ - text-align: left; - font-size: 16px; - background: none; - border: none; - width: 100%; - height: 44px; - padding: 0; - margin: 0 0 0 0 !important; - font-weight: bold; - } + margin-bottom: 8px; +} + +::v-deep .button-vue--vue-tertiary { + justify-content: flex-start; + border-radius: var(--border-radius-large); + opacity: 1; } </style> |