56 lines
1.7 KiB
Plaintext
56 lines
1.7 KiB
Plaintext
@{
|
|
ViewBag.Title = "Login";
|
|
}
|
|
|
|
<div class="container">
|
|
<div class="row justify-content-center align-items-center min-vh-100">
|
|
<div class="col-md-6">
|
|
<div class="card shadow-lg">
|
|
<div class="card-body text-center p-5">
|
|
<h2 class="card-title mb-4">Bem-vindo</h2>
|
|
<p class="card-text text-muted mb-4">
|
|
Faça login com sua conta Microsoft para acessar o chat.
|
|
</p>
|
|
|
|
@using (Html.BeginForm("ExternalLogin", "Login", new { provider = "Microsoft" }, FormMethod.Post, true, new { id = "externalLoginForm" }))
|
|
{
|
|
@Html.AntiForgeryToken()
|
|
<button type="submit" class="btn btn-primary btn-lg w-75">
|
|
<i class="fab fa-microsoft mr-2"></i>
|
|
Login with Microsoft
|
|
</button>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@section Styles {
|
|
<style>
|
|
body {
|
|
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
|
}
|
|
|
|
.card {
|
|
border: none;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #2f2f2f;
|
|
border: none;
|
|
padding: 12px;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: #404040;
|
|
transform: translateY(-2px);
|
|
}
|
|
</style>
|
|
}
|
|
|
|
@section Scripts {
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
|
} |