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

Frontend ui refactor

resources/assets/js/components/PostComponent.vue

@@ -217,7 +217,7 @@
                 </a>
               </p>
             </div>
-            <p class="float-right"><a class="btn btn-primary font-weight-bold py-1" href="#">Follow</a></p>
+            <p class="float-right"><!-- <a class="btn btn-primary font-weight-bold py-1" href="#">Follow</a> --></p>
           </div>
         </div>
       </div>

resources/assets/js/components/Timeline.vue

@@ -294,17 +294,11 @@
 </template>
 
 <style type="text/css" scoped>
-	.text-lighter {
-		color:#B8C2CC !important;
-	}
 	.postPresenterContainer {
 		display: flex;
 		align-items: center;
 		background: #fff;
 	}
-	.cursor-pointer {
-		cursor: pointer;
-	}
 	.word-break {
 		word-break: break-all;
 	}
@@ -348,7 +342,7 @@
 			this.$nextTick(function () {
 				$('[data-toggle="tooltip"]').tooltip()
 				let cachedSettings = window.ls.get('pixelfed-classicui-settings');
-				if(cachedSettings.hasOwnProperty('notify')) {
+				if(cachedSettings.length && cachedSettings.hasOwnProperty('notify')) {
 					this.modes = cachedSettings;
 				} else {
 					window.ls.set('pixelfed-classicui-settings', this.modes);

resources/assets/sass/custom.scss

@@ -491,3 +491,11 @@ details summary::-webkit-details-marker {
 #s-modal .modal-content {
   border-radius: 0;
 }
+
+.text-lighter {
+  color:#B8C2CC !important;
+} 
+
+.cursor-pointer {
+  cursor: pointer;
+}