Added basic actor and network overview. Added DDF Network actor scraper. Various bug fixes and layout improvements.

assets/components/tile/actor.vue

@@ -7,11 +7,14 @@
             :href="`/actor/${actor.slug}`"
             class="link"
         >
-            <span class="name">{{ actor.name }}</span>
+            <span
+                v-tooltip.top="actor.name"
+                class="name"
+            >{{ actor.name }}</span>
 
             <img
                 v-if="actor.avatar"
-                :src="`/media/${actor.avatar}`"
+                :src="`/media/${actor.avatar.thumbnail || actor.avatar}`"
                 class="avatar"
             >
 
@@ -38,6 +41,7 @@ export default {
 @import 'theme';
 
 .actor {
+    width: 10rem;
     background: $background;
     display: inline-block;
     margin: 0 .5rem .5rem 0;
@@ -57,6 +61,9 @@ export default {
 .name {
     display: block;
     padding: .5rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
     font-weight: bold;
 }
 
@@ -64,10 +71,11 @@ export default {
     color: $shadow-weak;
     background: $shadow-hint;
     height: 12rem;
-    width: 10rem;
+    width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     object-fit: cover;
+    object-position: 50% 0;
 }
 </style>