diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-23 15:33:33 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-23 15:33:33 +0900 |
| commit | 1edb8cf0e920aacec8a44a9affe7ee9302102498 (patch) | |
| tree | 0351be13902e34595f946a1e135e71b4697d4d2e /src/client/ui | |
| parent | fix bug (diff) | |
| download | sharkey-1edb8cf0e920aacec8a44a9affe7ee9302102498.tar.gz sharkey-1edb8cf0e920aacec8a44a9affe7ee9302102498.tar.bz2 sharkey-1edb8cf0e920aacec8a44a9affe7ee9302102498.zip | |
add animation
Diffstat (limited to 'src/client/ui')
| -rw-r--r-- | src/client/ui/default.sidebar.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/client/ui/default.sidebar.vue b/src/client/ui/default.sidebar.vue index b07914679d..a55a1770ff 100644 --- a/src/client/ui/default.sidebar.vue +++ b/src/client/ui/default.sidebar.vue @@ -1,6 +1,6 @@ <template> <div class="npcljfve" :class="{ iconOnly }"> - <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> <div class="post" @click="post"> @@ -9,25 +9,25 @@ </MkButton> </div> <div class="divider"></div> - <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" :behavior="settingsWindowed ? 'modalWindow' : null"> + <MkA v-if="$i.isAdmin || $i.isModerator" class="item" active-class="active" to="/instance" :behavior="settingsWindowed ? 'modalWindow' : null" 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="fas 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" :behavior="settingsWindowed ? 'modalWindow' : null"> + <MkA class="item" active-class="active" to="/settings" :behavior="settingsWindowed ? 'modalWindow' : null" v-click-anime> <i class="fas fa-cog fa-fw"></i><span class="text">{{ $ts.settings }}</span> </MkA> <div class="divider"></div> |