Improved actor profile flow. Added images.

assets/components/tile/actor.vue

@@ -21,10 +21,12 @@
             <span
                 v-else
                 class="avatar"
-            >No photo</span>
+            ><img
+                :src="`/img/avatar_${actor.gender || 'female'}.png`"
+                class="avatar-fallback"
+            ></span>
 
             <span
-                v-if="actor.age || actor.origin"
                 class="details"
             >
                 <span>
@@ -110,10 +112,17 @@ export default {
     object-position: 50% 0;
 }
 
+.avatar-fallback {
+    max-height: 75%;
+    max-width: 80%;
+    opacity: .1;
+}
+
 .details {
     background: $shadow;
     color: $text-contrast;
     width: 100%;
+    height: 1.75rem;
     display: flex;
     align-items: center;
     justify-content: space-between;