diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-07-28 10:08:08 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-07-28 10:08:08 +0900 |
| commit | 6b8354ccbfa1d96b4445013d2e93af8e06550516 (patch) | |
| tree | b4b66a89dea3c2865e83b0955bf7eca8ae04716c /src/client/components/tab.vue | |
| parent | refactor: Rename function (diff) | |
| download | misskey-6b8354ccbfa1d96b4445013d2e93af8e06550516.tar.gz misskey-6b8354ccbfa1d96b4445013d2e93af8e06550516.tar.bz2 misskey-6b8354ccbfa1d96b4445013d2e93af8e06550516.zip | |
enhance(client): Use tab component for page list
Diffstat (limited to 'src/client/components/tab.vue')
| -rw-r--r-- | src/client/components/tab.vue | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/src/client/components/tab.vue b/src/client/components/tab.vue index 3ea63fa59f..824f150840 100644 --- a/src/client/components/tab.vue +++ b/src/client/components/tab.vue @@ -1,6 +1,6 @@ <template> <div class="pxhvhrfw" v-size="[{ max: 500 }]"> - <button v-for="item in items" class="_button" @click="$emit('input', item.value)" :class="{ active: value === item.value }" :key="item.value">{{ item.label }}</button> + <button v-for="item in items" class="_button" @click="$emit('input', item.value)" :class="{ active: value === item.value }" :key="item.value"><fa v-if="item.icon" :icon="item.icon" class="icon"/>{{ item.label }}</button> </div> </template> @@ -33,6 +33,10 @@ export default Vue.extend({ color: var(--accent); border-bottom-color: var(--accent); } + + > .icon { + margin-right: 6px; + } } &.max-width_500px { |