Explorar el Código

Fix side bar greater than 1500px, other small UI fixes

sbkwgh hace 7 años
padre
commit
3e8b8cdf51

+ 1 - 1
frontend/src/components/MoreThreads.vue

@@ -107,7 +107,7 @@
 
 	@include thread_mobile_breakpoint ('.more_threads');
 	@media (max-width: $breakpoint--tablet) {
-		@at-root #{&}__empty {
+		.more_threads__empty {
 			margin-top: 0;
 		}
 	} 

+ 10 - 0
frontend/src/components/routes/Thread.vue

@@ -420,6 +420,12 @@
 	}
 
 
+	@media (min-width: 1500px) {
+		.thread_side_bar {
+			right: calc((100% - 1200px) / 2);
+		}
+	}
+
 
 	@media (max-width: $breakpoint--phone-thread) {
 		.route_container {
@@ -467,6 +473,10 @@
 	}
 
 	@media (max-width: $breakpoint--tablet-thread) {
+		.route_container {
+			padding-bottom: 2rem !important; 
+		}
+
 		.thread_side_bar {
 			display: flex;
 			position: initial;