diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-09-21 04:13:54 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-09-21 04:13:54 +0900 |
| commit | b35ca3b739e68c42c94eedabeda6976bfca2a6a3 (patch) | |
| tree | 424ded904ee0e7abefbb0fd06cf2fea4a50e40d3 /src | |
| parent | :art: (diff) | |
| download | sharkey-b35ca3b739e68c42c94eedabeda6976bfca2a6a3.tar.gz sharkey-b35ca3b739e68c42c94eedabeda6976bfca2a6a3.tar.bz2 sharkey-b35ca3b739e68c42c94eedabeda6976bfca2a6a3.zip | |
:art:
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/ui/_common_/sidebar.vue | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/src/client/ui/_common_/sidebar.vue b/src/client/ui/_common_/sidebar.vue index 6ebbd2d862..43b64d133e 100644 --- a/src/client/ui/_common_/sidebar.vue +++ b/src/client/ui/_common_/sidebar.vue @@ -11,28 +11,28 @@ <transition name="nav"> <nav class="nav" :class="{ iconOnly, hidden }" v-show="showing"> <div> - <button class="item _button account" @click="openAccountMenu"> + <button class="item _button account" @click="openAccountMenu" v-click-anime> <MkAvatar :user="$i" class="avatar"/><MkAcct class="text" :user="$i"/> </button> - <MkA class="item index" active-class="active" to="/" exact> + <MkA class="item index" active-class="active" to="/" exact v-click-anime> <i class="fas fa-home fa-fw"></i><span class="text">{{ $ts.timeline }}</span> </MkA> <template v-for="item in menu"> <div v-if="item === '-'" class="divider"></div> - <component v-else-if="menuDef[item] && (menuDef[item].show !== false)" :is="menuDef[item].to ? 'MkA' : 'button'" class="item _button" :class="item" active-class="active" v-on="menuDef[item].action ? { click: menuDef[item].action } : {}" :to="menuDef[item].to"> + <component v-else-if="menuDef[item] && (menuDef[item].show !== false)" :is="menuDef[item].to ? 'MkA' : 'button'" class="item _button" :class="item" active-class="active" v-on="menuDef[item].action ? { click: menuDef[item].action } : {}" :to="menuDef[item].to" v-click-anime> <i class="fa-fw" :class="menuDef[item].icon"></i><span class="text">{{ $ts[menuDef[item].title] }}</span> <span v-if="menuDef[item].indicated" class="indicator"><i class="fas fa-circle"></i></span> </component> </template> <div class="divider"></div> - <MkA v-if="$i.isAdmin || $i.isModerator" class="item" active-class="active" to="/instance"> + <MkA v-if="$i.isAdmin || $i.isModerator" class="item" active-class="active" to="/instance" v-click-anime> <i class="fas fa-server fa-fw"></i><span class="text">{{ $ts.instance }}</span> </MkA> - <button class="item _button" @click="more"> + <button class="item _button" @click="more" v-click-anime> <i class="fa fa-ellipsis-h fa-fw"></i><span class="text">{{ $ts.more }}</span> <span v-if="otherNavItemIndicated" class="indicator"><i class="fas fa-circle"></i></span> </button> - <MkA class="item" active-class="active" to="/settings"> + <MkA class="item" active-class="active" to="/settings" v-click-anime> <i class="fas fa-cog fa-fw"></i><span class="text">{{ $ts.settings }}</span> </MkA> <button class="item _button post" @click="post"> @@ -329,6 +329,7 @@ export default defineComponent({ height: calc(var(--vh, 1vh) * 100); box-sizing: border-box; overflow: auto; + overflow-x: clip; background: var(--navBg); > .divider { |