Add recycler fade

2022-10-18 11:43:17 -07:00 · 2022-10-18 11:43:17 -07:00 · 3f53b73db1
parent d1d255d4b1
commit 3f53b73db1
1 changed files with 7 additions and 0 deletions
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@ -16,6 +16,7 @@
        <RecycleScroller
            ref="recycler"
            class="recycler"
+            :class="{ 'empty': list.length === 0 }"
            :key="state"
            :items="list"
            :emit-update="true"
@ -972,6 +973,12 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
 .recycler {
    height: 300px;
    width: calc(100% + 20px);
+    transition: opacity 0.2s ease-in-out;
+
+    &.empty {
+        opacity: 0;
+        transition: none;
+    }
 }

 .recycler .photo {