timeline: v-for on photo component

Signed-off-by: Varun Patil <varunpatil@ucla.edu>

src/components/Timeline.vue

@@ -61,7 +61,8 @@
           </div>
         </div>
 
-        <div
+        <Photo
+          class="photo"
           v-else
           v-for="photo of item.photos"
           :key="photo.key"
@@ -70,9 +71,6 @@
             width: `${photo.dispW}px`,
             transform: `translate(${photo.dispX}px, ${photo.dispY}px)`,
           }"
-          class="photo"
-        >
-          <Photo
           :data="photo"
           :day="item.day"
           @select="selectionManager.selectPhoto"
@@ -81,7 +79,6 @@
           @touchend="selectionManager.touchendPhoto(photo, $event, index)"
           @touchmove="selectionManager.touchmovePhoto(photo, $event, index)"
         />
-        </div>
       </template>
     </RecycleScroller>
 

src/components/frame/Photo.vue

@@ -1,4 +1,5 @@
 <template>
+  <div class="p-outer-super">
     <div
       class="p-outer fill-block"
       :class="{
@@ -61,6 +62,7 @@
         <div class="overlay fill-block" />
       </div>
     </div>
+  </div>
 </template>
 
 <script lang="ts">