limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-14 14:07:38 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix Column header button and icon alignment

Browse source
This commit is contained in:
Naomi Ahmed 2022-12-22 18:35:56 +00:00
parent 739b9849b9
commit 871f54fc89
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>
</div>
<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>
<div v-show="active" ref="body">
<slot></slot>
@ -245,6 +245,16 @@ function onDrop(ev) {
}
</script>
<style lang="scss">
.dnpfarvg {
header {
.ph-lg {
vertical-align: -.24em;
}
}
}
</style>
<style lang="scss" scoped>
.dnpfarvg {
--root-margin: 10px;