mirror of
https://github.com/danbulant/Nertivia-Client
synced 2026-06-23 16:41:44 +00:00
made animations smoother
This commit is contained in:
parent
b3e683c18a
commit
71dd0ab020
3 changed files with 8 additions and 3 deletions
|
|
@ -99,7 +99,7 @@ export default {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
.right{
|
.right{
|
||||||
left: 151px;
|
transform: translateX(150px);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------- SCROLL BAR -------*/
|
/* ------- SCROLL BAR -------*/
|
||||||
|
|
|
||||||
|
|
@ -48,12 +48,18 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.direct-message-tab {
|
||||||
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
.slidein-enter-active,
|
.slidein-enter-active,
|
||||||
.slidein-leave-active {
|
.slidein-leave-active {
|
||||||
transition: 0.5s;
|
transition: 0.5s;
|
||||||
}
|
}
|
||||||
.slidein-enter, .slidein-leave-to /* .fade-leave-active below version 2.1.8 */ {
|
.slidein-enter, .slidein-leave-to /* .fade-leave-active below version 2.1.8 */ {
|
||||||
margin-left: -300px;
|
/* margin-left: -300px; */
|
||||||
|
transform: translateX(-300px)
|
||||||
}
|
}
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
.left-panel {
|
.left-panel {
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,6 @@
|
||||||
<div class="recents">
|
<div class="recents">
|
||||||
<transition name="list" appear>
|
<transition name="list" appear>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
|
|
||||||
<FriendsTemplate v-for="(channel, key) of channels" :key="key" :channelID="channel.channelID" :recipient="channel.recipients[0]"/>
|
<FriendsTemplate v-for="(channel, key) of channels" :key="key" :channelID="channel.channelID" :recipient="channel.recipients[0]"/>
|
||||||
</div>
|
</div>
|
||||||
</transition>
|
</transition>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue