Added Bang! scraper. Showing studio on tile. Added favicons to tiles.

assets/components/networks/network.vue

@@ -68,8 +68,16 @@ import Sites from '../sites/sites.vue';
 async function fetchNetwork() {
     this.network = await this.$store.dispatch('fetchNetworks', this.$route.params.networkSlug);
 
+    if (this.network.studios) {
+        this.studios = this.network.studios.map(studio => ({
+            ...studio,
+            network: this.network,
+        }));
+    }
+
     this.sites = this.network.sites
         .filter(site => !site.independent)
+        .concat(this.studios)
         .sort(({ name: nameA }, { name: nameB }) => nameA.localeCompare(nameB));
 
     this.releases = this.network.sites.map(site => site.releases).flat();
@@ -89,7 +97,8 @@ export default {
     data() {
         return {
             network: null,
-            sites: null,
+            sites: [],
+            studios: [],
             releases: [],
             pageTitle: null,
             expanded: false,
@@ -158,12 +167,13 @@ export default {
 }
 
 .header {
-    background: $profile;
     width: 100%;
-    height: 4rem;
+    height: 3rem;
     display: none;
+    flex-shrink: 0;
     justify-content: center;
     border-bottom: solid 1px $shadow-hint;
+    background: $profile;
 }
 
 .sites.compact {

assets/components/networks/networks.vue

@@ -29,10 +29,18 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import 'theme';
+
 .networks {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
     grid-gap: 1rem;
     padding: 1rem;
 }
+
+@media(max-width: $breakpoint) {
+    .networks {
+        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+    }
+}
 </style>