made animations smoother

This commit is contained in:
supertiger1234 2019-04-30 08:46:38 +01:00
parent b3e683c18a
commit 71dd0ab020
3 changed files with 8 additions and 3 deletions

View file

@ -99,7 +99,7 @@ export default {
border-radius: 5px;
}
.right{
left: 151px;
transform: translateX(150px);
}
/* ------- SCROLL BAR -------*/

View file

@ -48,12 +48,18 @@ export default {
</script>
<style scoped>
.direct-message-tab {
overflow: hidden;
height: 100%;
width: 100%;
}
.slidein-enter-active,
.slidein-leave-active {
transition: 0.5s;
}
.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) {
.left-panel {

View file

@ -2,7 +2,6 @@
<div class="recents">
<transition name="list" appear>
<div class="list">
<FriendsTemplate v-for="(channel, key) of channels" :key="key" :channelID="channel.channelID" :recipient="channel.recipients[0]"/>
</div>
</transition>