Browse Source

style: fixed formatting on Owen's changes

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 5 years ago
parent
commit
4644da3fab
2 changed files with 57 additions and 39 deletions
  1. 20 14
      frontend/components/MainFooter.vue
  2. 37 25
      frontend/components/pages/Home.vue

+ 20 - 14
frontend/components/MainFooter.vue

@@ -36,7 +36,12 @@
 						<img src="/assets/social/discord.svg" />
 					</a>
 				</p>
-				<a href="https://musare.com" target="_blank"><img class="musareFooterLogo" src="/assets/wordmark.png" alt="Musare"></a>
+				<a href="https://musare.com" target="_blank"
+					><img
+						class="musareFooterLogo"
+						src="/assets/wordmark.png"
+						alt="Musare"
+				/></a>
 				<p>
 					© Copyright Musare 2015 - 2019
 				</p>
@@ -57,21 +62,22 @@
 }
 
 .footer {
-		border-radius: 33% 33% 0% 0% / 7% 7% 0% 0%;
-		box-shadow: 0 4px 8px 0 rgba(3, 169, 244, 0.65), 0 6px 20px 0 rgba(3, 169, 244, 0.4);
-		background-color: #ffffff;
-		margin-top: 50px;
-		padding-bottom: 25px;
-		width: 100%;
+	border-radius: 33% 33% 0% 0% / 7% 7% 0% 0%;
+	box-shadow: 0 4px 8px 0 rgba(3, 169, 244, 0.65),
+		0 6px 20px 0 rgba(3, 169, 244, 0.4);
+	background-color: #ffffff;
+	margin-top: 50px;
+	padding-bottom: 25px;
+	width: 100%;
 
-		.musareFooterLogo {
-			display: block;
-		  margin-left: auto;
-		  margin-right: auto;
-			margin-bottom: 15px;
-		  width: 200px;
-		}
+	.musareFooterLogo {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+		margin-bottom: 15px;
+		width: 200px;
 	}
+}
 
 .icon:hover {
 	color: #90298c !important;

+ 37 - 25
frontend/components/pages/Home.vue

@@ -33,7 +33,11 @@
 						</div>
 
 						<div class="under-content">
-							<span class="official"><i class="badge material-icons">verified_user</i>Official</span>
+							<span class="official"
+								><i class="badge material-icons"
+									>verified_user</i
+								>Official</span
+							>
 							<i
 								v-if="station.privacy !== 'public'"
 								class="material-icons right-icon"
@@ -96,7 +100,15 @@
 							{{ station.description }}
 						</div>
 						<div class="under-content">
-							<span class="hostedby">Hosted by <span class="host">{{$parent.getUsernameFromId(station.owner)}} {{userIdMap['Z' + station.owner]}}</span></span>
+							<span class="hostedby"
+								>Hosted by
+								<span class="host"
+									>{{
+										$parent.getUsernameFromId(station.owner)
+									}}
+									{{ userIdMap["Z" + station.owner] }}</span
+								></span
+							>
 							<i
 								v-if="station.privacy !== 'public'"
 								class="material-icons right-icon"
@@ -146,7 +158,7 @@ export default {
 				official: [],
 				community: []
 			},
-      userIdMap: this.$parent.userIdMap,
+			userIdMap: this.$parent.userIdMap,
 			nightMode: false
 		};
 	},
@@ -324,28 +336,28 @@ html {
 		position: relative;
 	}
 
-  .official {
-    font-size: 18px;
-    color: #03a9f4;
-    position: relative;
-    top: -5px;
-
-    .badge {
-      position: relative;
-      padding-right: 2px;
-      color: #38d227;
-      top: +5px;
-    }
-  }
-
-  .hostedby {
-    font-size: 15px;
-
-    .host {
-      font-size: 18px;
-      color: #03a9f4;
-    }
-  }
+	.official {
+		font-size: 18px;
+		color: #03a9f4;
+		position: relative;
+		top: -5px;
+
+		.badge {
+			position: relative;
+			padding-right: 2px;
+			color: #38d227;
+			top: +5px;
+		}
+	}
+
+	.hostedby {
+		font-size: 15px;
+
+		.host {
+			font-size: 18px;
+			color: #03a9f4;
+		}
+	}
 
 	.right-icon {
 		float: right;