natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Fix Column header button and icon alignment

This commit is contained in:
Naomi Ahmed 2022-12-22 18:35:56 +00:00
parent 87591935a7
commit 1c6829d5c3
No known key found for this signature in database
GPG Key ID: 06574D64E0AB9A3C
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/client/src/ui/deck/column.vue
View File

@ -23,7 +23,7 @@
<slot name="action"></slot> <slot name="action"></slot>
</div> </div>
<span class="header"><slot name="header"></slot></span> <span class="header"><slot name="header"></slot></span>
<button v-tooltip="i18n.ts.settings" class="menu _button" @click.stop="showSettingsMenu"><i class="ph-three-dots-outline-vertical-bold ph-lg"></i></button> <button v-tooltip="i18n.ts.settings" class="menu _button" @click.stop="showSettingsMenu"><i class="ph-dots-three-outline-vertical-bold ph-lg"></i></button>
</header> </header>
<div v-show="active" ref="body"> <div v-show="active" ref="body">
<slot></slot> <slot></slot>
@ -245,6 +245,16 @@ function onDrop(ev) {
} }
</script> </script>
<style lang="scss">
.dnpfarvg {
header {
.ph-lg {
vertical-align: -.24em;
}
}
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
.dnpfarvg { .dnpfarvg {
--root-margin: 10px; --root-margin: 10px;