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

Frontend ui refactor

public/mix-manifest.json

@@ -7,7 +7,7 @@
     "/css/appdark.css": "/css/appdark.css?id=34cd81dd9c8bc68cfd51",
     "/css/landing.css": "/css/landing.css?id=1ea686af4c64df5018fc",
     "/js/components.js": "/js/components.js?id=97c7f6876bb4e5c9ffd8",
-    "/js/compose.js": "/js/compose.js?id=4c9e7ca132bc83a42e29",
+    "/js/compose.js": "/js/compose.js?id=cc26e811c30caa7793dc",
     "/js/developers.js": "/js/developers.js?id=4dba6abdc3ae8ec8c222",
     "/js/discover.js": "/js/discover.js?id=b9b5d3d054cadf63aed2",
     "/js/loops.js": "/js/loops.js?id=d5c7e9d0d6a44553dd0d",

resources/assets/js/components/ComposeModal.vue

@@ -476,6 +476,11 @@ export default {
 				return;
 			}
 
+			if(this.composeText.length > this.config.uploader.max_caption_length) {
+				swal('Error', 'Caption is too long', 'error');
+				return;
+			}
+
 			switch(state) {
 				case 'publish' :
 					if(this.media.length == 0) {