diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-12-29 17:11:12 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-12-29 17:11:12 +0900 |
| commit | d5811633ea245cd077324416d8f519825cf07584 (patch) | |
| tree | 338e332dd064edf66dcefb30d6bd5791ee787fad /src/client | |
| parent | LTL/GTLの有効状態を反映 (diff) | |
| download | misskey-d5811633ea245cd077324416d8f519825cf07584.tar.gz misskey-d5811633ea245cd077324416d8f519825cf07584.tar.bz2 misskey-d5811633ea245cd077324416d8f519825cf07584.zip | |
タイムラインの上のバーを調整
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/pages/timeline.vue | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/client/pages/timeline.vue b/src/client/pages/timeline.vue index 8a7ee6077a..3d753997e4 100644 --- a/src/client/pages/timeline.vue +++ b/src/client/pages/timeline.vue @@ -11,14 +11,14 @@ <button class="_button tab" @click="() => { src = 'local'; saveSrc(); }" :class="{ active: src === 'local' }" v-tooltip="$ts._timelines.local" v-if="isLocalTimelineAvailable"><Fa :icon="faComments"/></button> <button class="_button tab" @click="() => { src = 'social'; saveSrc(); }" :class="{ active: src === 'social' }" v-tooltip="$ts._timelines.social" v-if="isLocalTimelineAvailable"><Fa :icon="faShareAlt"/></button> <button class="_button tab" @click="() => { src = 'global'; saveSrc(); }" :class="{ active: src === 'global' }" v-tooltip="$ts._timelines.global" v-if="isGlobalTimelineAvailable"><Fa :icon="faGlobe"/></button> + <span class="divider"></span> + <button class="_button tab" @click="() => { src = 'mentions'; saveSrc(); }" :class="{ active: src === 'mentions' }" v-tooltip="$ts.mentions"><Fa :icon="faAt"/><Fa :icon="faCircle" class="i" v-if="$i.hasUnreadMentions"/></button> + <button class="_button tab" @click="() => { src = 'directs'; saveSrc(); }" :class="{ active: src === 'directs' }" v-tooltip="$ts.directNotes"><Fa :icon="faEnvelope"/><Fa :icon="faCircle" class="i" v-if="$i.hasUnreadSpecifiedNotes"/></button> </div> <div class="right"> <button class="_button tab" @click="chooseChannel" :class="{ active: src === 'channel' }" v-tooltip="$ts.channel"><Fa :icon="faSatelliteDish"/><Fa :icon="faCircle" class="i" v-if="$i.hasUnreadChannel"/></button> <button class="_button tab" @click="chooseAntenna" :class="{ active: src === 'antenna' }" v-tooltip="$ts.antennas"><Fa :icon="faSatellite"/><Fa :icon="faCircle" class="i" v-if="$i.hasUnreadAntenna"/></button> <button class="_button tab" @click="chooseList" :class="{ active: src === 'list' }" v-tooltip="$ts.lists"><Fa :icon="faListUl"/></button> - <button class="_button tab" @click="() => { src = 'directs'; saveSrc(); }" :class="{ active: src === 'directs' }" v-tooltip="$ts.directNotes"><Fa :icon="faEnvelope"/><Fa :icon="faCircle" class="i" v-if="$i.hasUnreadSpecifiedNotes"/></button> - <button class="_button tab" @click="() => { src = 'mentions'; saveSrc(); }" :class="{ active: src === 'mentions' }" v-tooltip="$ts.mentions"><Fa :icon="faAt"/><Fa :icon="faCircle" class="i" v-if="$i.hasUnreadMentions"/></button> - <button class="_button tab" @click="chooseTl"><Fa :icon="faEllipsisH"/></button> </div> </div> <XTimeline ref="tl" @@ -273,6 +273,15 @@ export default defineComponent({ animation: blink 1s infinite; } } + + > .divider { + display: inline-block; + width: 1px; + height: 28px; + vertical-align: middle; + margin: 0 8px; + background: var(--divider); + } } } } |