From d6b1f97a0429600f5683511b3e1b79926c1c964a Mon Sep 17 00:00:00 2001
From: Donald Zou <donaldzou@live.hk>
Date: Fri, 9 Aug 2024 20:46:11 -0400
Subject: [PATCH] Update

---
 .../configurationComponents/peerList.vue      |  9 ---
 src/static/app/src/components/navbar.vue      |  6 +-
 src/static/app/src/views/signin.vue           | 73 ++++++++++---------
 3 files changed, 44 insertions(+), 44 deletions(-)

diff --git a/src/static/app/src/components/configurationComponents/peerList.vue b/src/static/app/src/components/configurationComponents/peerList.vue
index 71b80c5..8a8e68a 100644
--- a/src/static/app/src/components/configurationComponents/peerList.vue
+++ b/src/static/app/src/components/configurationComponents/peerList.vue
@@ -238,15 +238,6 @@ export default {
 											fill: false,
 											borderColor: '#0d6efd',
 											tension: 0
-										},
-										{
-											label: 'Data Sent',
-											data: [...this.historySentData.datasets[0].data,
-												((sent - this.historyDataSentDifference[this.historyDataSentDifference.length - 1])*1000)
-													.toFixed(4)],
-											fill: false,
-											borderColor: '#198754',
-											tension: 0
 										}
 									],
 								}
diff --git a/src/static/app/src/components/navbar.vue b/src/static/app/src/components/navbar.vue
index cfbfa55..5c00b08 100644
--- a/src/static/app/src/components/navbar.vue
+++ b/src/static/app/src/components/navbar.vue
@@ -58,7 +58,11 @@ export default {
 				</ul>
 				<hr class="text-body">
 				<ul class="nav flex-column">
-					<li class="nav-item"><a class="nav-link text-danger" @click="this.dashboardConfigurationStore.signOut()" role="button" style="font-weight: bold">Sign Out</a></li>
+					<li class="nav-item"><a class="nav-link text-danger" 
+					                        @click="this.dashboardConfigurationStore.signOut()" 
+					                        role="button" style="font-weight: bold">
+						<i class="bi bi-box-arrow-left me-2"></i>
+						Sign Out</a></li>
 				</ul>
 				<ul class="nav flex-column">
 					<li class="nav-item"><a href="https://github.com/donaldzou/WGDashboard/releases/tag/"><small class="nav-link text-muted"></small></a></li>
diff --git a/src/static/app/src/views/signin.vue b/src/static/app/src/views/signin.vue
index 729dd1e..431e37b 100644
--- a/src/static/app/src/views/signin.vue
+++ b/src/static/app/src/views/signin.vue
@@ -83,49 +83,54 @@ export default {
 
 <template>
 	<div class="container-fluid login-container-fluid d-flex main flex-column" :data-bs-theme="this.theme">
-		<div class="login-box m-auto" style="width: 500px;">
-			<h4 class="mb-0 text-body">Welcome to</h4>
-			<span class="dashboardLogo display-3">WGDashboard</span>
+		<div class="login-box m-auto" style="width: 600px;">
+			
 			<div class="m-auto">
-				<div class="alert alert-danger mt-2 mb-0" role="alert" v-if="loginError">
-					{{this.loginErrorMessage}}
-				</div>
-				<form @submit="(e) => {e.preventDefault(); this.auth();}">
-					<div class="form-group text-body">
-						<label for="username" class="text-left" style="font-size: 1rem">
-							<i class="bi bi-person-circle"></i></label>
-						<input type="text" v-model="username" class="form-control" id="username" name="username"
-						       autocomplete="on"
-						       placeholder="Username" required>
-					</div>
-					<div class="form-group text-body">
-						<label for="password" class="text-left" style="font-size: 1rem"><i class="bi bi-key-fill"></i></label>
-						<input type="password" 
-						       v-model="password" class="form-control" id="password" name="password"
-						       autocomplete="on"
-						       placeholder="Password" required>
-					</div>
-					<div class="form-group text-body" v-if="totpEnabled">
-						<label for="totp" class="text-left" style="font-size: 1rem"><i class="bi bi-lock-fill"></i></label>
-						<input class="form-control totp"
-						       required
-						       id="totp" maxlength="6" type="text" inputmode="numeric" autocomplete="one-time-code"
-						       placeholder="OTP from your authenticator"
-						       v-model="this.totp"
-						>
-					</div>
-					<button class="btn btn-lg btn-dark ms-auto mt-4 w-100 d-flex btn-brand shadow signInBtn" ref="signInBtn">
+				<div class="card px-4 py-5 rounded-4 shadow-lg">
+					<div class="card-body">
+						<h4 class="mb-0 text-body">Welcome to</h4>
+						<span class="dashboardLogo display-3">WGDashboard</span>
+						<div class="alert alert-danger mt-2 mb-0" role="alert" v-if="loginError">
+							{{this.loginErrorMessage}}
+						</div>
+						<form @submit="(e) => {e.preventDefault(); this.auth();}">
+							<div class="form-group text-body">
+								<label for="username" class="text-left" style="font-size: 1rem">
+									<i class="bi bi-person-circle"></i></label>
+								<input type="text" v-model="username" class="form-control" id="username" name="username"
+								       autocomplete="on"
+								       placeholder="Username" required>
+							</div>
+							<div class="form-group text-body">
+								<label for="password" class="text-left" style="font-size: 1rem"><i class="bi bi-key-fill"></i></label>
+								<input type="password"
+								       v-model="password" class="form-control" id="password" name="password"
+								       autocomplete="on"
+								       placeholder="Password" required>
+							</div>
+							<div class="form-group text-body" v-if="totpEnabled">
+								<label for="totp" class="text-left" style="font-size: 1rem"><i class="bi bi-lock-fill"></i></label>
+								<input class="form-control totp"
+								       required
+								       id="totp" maxlength="6" type="text" inputmode="numeric" autocomplete="one-time-code"
+								       placeholder="OTP from your authenticator"
+								       v-model="this.totp"
+								>
+							</div>
+							<button class="btn btn-lg btn-dark ms-auto mt-4 w-100 d-flex btn-brand shadow signInBtn" ref="signInBtn">
 						<span v-if="!this.loading" class="d-flex w-100">
 							Sign In<i class="ms-auto bi bi-chevron-right"></i>
 						</span>
-						<span v-else class="d-flex w-100 align-items-center">
+								<span v-else class="d-flex w-100 align-items-center">
 							Signing In...
 							<span class="spinner-border ms-auto spinner-border-sm" role="status">
 							  <span class="visually-hidden">Loading...</span>
 							</span>
 						</span>
-					</button>
-				</form>
+							</button>
+						</form>
+					</div>
+				</div>
 			</div>
 		</div>
 		<small class="text-muted pb-3 d-block w-100 text-center">