Merge pull request #1295 from pixelfed/frontend-ui-refactor

Frontend ui refactor

public/mix-manifest.json

@@ -5,7 +5,7 @@
     "/css/appdark.css": "/css/appdark.css?id=107806a000e2ca675a3c",
     "/css/landing.css": "/css/landing.css?id=d3610108213e88dc080c",
     "/js/components.js": "/js/components.js?id=25d082643150ee79150c",
-    "/js/compose.js": "/js/compose.js?id=9ca175b3e11908bd592f",
+    "/js/compose.js": "/js/compose.js?id=041385233a3b1ed64d28",
     "/js/developers.js": "/js/developers.js?id=1359f11c7349301903f8",
     "/js/discover.js": "/js/discover.js?id=75fb12b06ee23fa05186",
     "/js/profile.js": "/js/profile.js?id=374b0a3f3fec1282aa55",

resources/assets/js/components/ComposeModal.vue

@@ -67,9 +67,7 @@
 								</li>
 								<li class="nav-item" v-for="(filter, index) in filters">
 									<div class="p-1 pt-3">
-										<div :class="filter[1]" v-on:click.prevent="toggleFilter($event, filter[1])">
-											<img :src="media[carouselCursor].url" width="100px" height="60px" class="">
-										</div>
+										<img :src="media[carouselCursor].url" width="100px" height="60px" :class="filter[1]" v-on:click.prevent="toggleFilter($event, filter[1])">
 									</div>
 									<a :class="[media[carouselCursor].filter_class == filter[1] ? 'nav-link text-white active' : 'nav-link text-muted']" href="#" v-on:click.prevent="toggleFilter($event, filter[1])">{{filter[0]}}</a>
 								</li>