diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-27 14:36:33 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-27 14:36:33 +0900 |
| commit | 9384f5399da39e53855beb8e7f8ded1aa56bf72e (patch) | |
| tree | ce5959571a981b9c4047da3c7b3fd080aa44222c /packages/client/src/components/MkTab.vue | |
| parent | wip: retention for dashboard (diff) | |
| download | misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.gz misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.bz2 misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.zip | |
rename: client -> frontend
Diffstat (limited to 'packages/client/src/components/MkTab.vue')
| -rw-r--r-- | packages/client/src/components/MkTab.vue | 73 |
1 files changed, 0 insertions, 73 deletions
diff --git a/packages/client/src/components/MkTab.vue b/packages/client/src/components/MkTab.vue deleted file mode 100644 index 669e9e2e11..0000000000 --- a/packages/client/src/components/MkTab.vue +++ /dev/null @@ -1,73 +0,0 @@ -<script lang="ts"> -import { defineComponent, h, resolveDirective, withDirectives } from 'vue'; - -export default defineComponent({ - props: { - modelValue: { - required: true, - }, - }, - render() { - const options = this.$slots.default(); - - return withDirectives(h('div', { - class: 'pxhvhrfw', - }, options.map(option => withDirectives(h('button', { - class: ['_button', { active: this.modelValue === option.props.value }], - key: option.key, - disabled: this.modelValue === option.props.value, - onClick: () => { - this.$emit('update:modelValue', option.props.value); - }, - }, option.children), [ - [resolveDirective('click-anime')], - ]))), [ - [resolveDirective('size'), { max: [500] }], - ]); - }, -}); -</script> - -<style lang="scss"> -.pxhvhrfw { - display: flex; - font-size: 90%; - - > button { - flex: 1; - padding: 10px 8px; - border-radius: var(--radius); - - &:disabled { - opacity: 1 !important; - cursor: default; - } - - &.active { - color: var(--accent); - background: var(--accentedBg); - } - - &:not(.active):hover { - color: var(--fgHighlighted); - background: var(--panelHighlight); - } - - &:not(:first-child) { - margin-left: 8px; - } - - > .icon { - margin-right: 6px; - } - } - - &.max-width_500px { - font-size: 80%; - - > button { - padding: 11px 8px; - } - } -} -</style> |