Przeglądaj źródła

Fix full-width to fixed-width. Add spacing on thread-display component

sbkwgh 5 lat temu
rodzic
commit
06a764cb45

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

@@ -14,7 +14,7 @@
 				{{options[selectedIndex].name}}
 				<font-awesome-icon
 					:icon='["fa", "chevron-down"]'
-					full-width
+					fixed-width
 					class='button__icon select_button__icon'
 				/>
 			</div>

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

@@ -7,7 +7,7 @@
 			@click='menuOpen = true'
 		>
 			{{display}}
-			<font-awesome-icon :icon='["fa", iconName]' full-width />
+			<font-awesome-icon :icon='["fa", iconName]' fixed-width />
 		</div>
 
 		<template slot='menu'>

+ 3 - 3
frontend/src/components/ThreadDisplay.vue

@@ -29,15 +29,15 @@
 					class='thread_display__latest_reply'
 					v-if='thread.Posts.length === 2'
 				>
-					<font-awesome-icon :icon='["fa", "reply"]' full-width />
-					<span class='thread_display__latest_reply__text'>Latest reply by</span>
+					<font-awesome-icon :icon='["fa", "reply"]' fixed-width />
+					<span class='thread_display__latest_reply__text'>Latest reply by &nbsp;</span>
 					<span class='thread_display__username'>{{replyUsername}}</span>
 					&middot;
 					<span class='thread_display__date'>{{thread.Posts[1].createdAt | formatDate}}</span>
 				</div>
 				<span style='cursor: default;' v-else>No replies</span>
 				<div class='thread_display__replies' title='Replies to thread'>
-					<font-awesome-icon :icon='["far", "comment"]' full-width />
+					<font-awesome-icon :icon='["far", "comment"]' fixed-width />
 					{{thread.postsCount - 1}}
 				</div>
 			</div>

+ 2 - 2
frontend/src/components/routes/Search.vue

@@ -10,7 +10,7 @@
 					class='search__more search__item' v-if='threads.length > ($store.state.MinQueryLength-1)'
 					@click='$router.push("/search/threads/" + $route.params.q)'
 				>
-					<font-awesome-icon :icon='["fa", "comments"]' full-width />
+					<font-awesome-icon :icon='["fa", "comments"]' fixed-width />
 					View all matching threads
 				</div>
 			</div>
@@ -32,7 +32,7 @@
 					class='search__item search__more' v-if='users.length > 5'
 					@click='$router.push("/search/users/" + $route.params.q)'
 				>
-					<font-awesome-icon :icon='["fa", "user"]' full-width />
+					<font-awesome-icon :icon='["fa", "user"]' fixed-width />
 					View all matching users
 				</div>
 			</div>