tsai
/
squidex
mirror of https://github.com/Squidex/squidex.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

More styling.

pull/719/head
Sebastian 5 years ago
parent
df5fc5ca62
commit
5e1dcac6ac
4 changed files with 91 additions and 79 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      backend/src/Squidex/Areas/Api/Controllers/Apps/Models/ClientsDto.cs
  2. 6
      backend/src/Squidex/Areas/IdentityServer/Views/Account/Consent.cshtml
  3. 150
      backend/src/Squidex/Areas/IdentityServer/Views/Account/Login.cshtml
  4. 12
      frontend/app/theme/_static.scss

2
backend/src/Squidex/Areas/Api/Controllers/Apps/Models/ClientsDto.cs
View File

@ -30,7 +30,7 @@ namespace Squidex.Areas.Api.Controllers.Apps.Models
.ToArray() .ToArray()
}; };
return result; return result.CreateLinks(resources);
} }
private ClientsDto CreateLinks(Resources resources) private ClientsDto CreateLinks(Resources resources)

6
backend/src/Squidex/Areas/IdentityServer/Views/Account/Consent.cshtml
View File

@ -15,7 +15,7 @@
<h2>@T.Get("users.consent.headline")</h2> <h2>@T.Get("users.consent.headline")</h2>
<label for="consentToAutomatedEmails"> <label for="consentToAutomatedEmails">
<div class="card profile-section-sm @ErrorClass("ConsentToAutomatedEmails")"> <div class="card card-consent @ErrorClass("ConsentToAutomatedEmails")">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">@T.Get("users.consent.emailHeadline")</h4> <h4 class="card-title">@T.Get("users.consent.emailHeadline")</h4>
@ -32,7 +32,7 @@
</label> </label>
<label for="consentToCookies"> <label for="consentToCookies">
<div class="card profile-section-sm @ErrorClass("ConsentToCookies")"> <div class="card card-consent @ErrorClass("ConsentToCookies")">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">@T.Get("users.consent.cookiesHeadline")</h4> <h4 class="card-title">@T.Get("users.consent.cookiesHeadline")</h4>
@ -49,7 +49,7 @@
</label> </label>
<label for="consentToPersonalInformation"> <label for="consentToPersonalInformation">
<div class="card profile-section-sm @ErrorClass("ConsentToPersonalInformation")"> <div class="card card-consent @ErrorClass("ConsentToPersonalInformation")">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">@T.Get("users.consent.piiHeadline")</h4> <h4 class="card-title">@T.Get("users.consent.piiHeadline")</h4>

150
backend/src/Squidex/Areas/IdentityServer/Views/Account/Login.cshtml
View File

@ -6,93 +6,95 @@
ViewBag.Title = action; ViewBag.Title = action;
} }
<div class="container"> <div class="login-container">
<div class="row text-center"> <div class="container">
<div class="btn-group profile-headline"> <div class="row text-center">
@if (Model.IsLogin) <div class="btn-group profile-headline">
{ @if (Model.IsLogin)
<a class="btn btn-toggle btn-primary" asp-controller="Account" asp-action="Login" asp-route-returnurl="@Model.ReturnUrl">@T.Get("common.login")</a> {
} <a class="btn btn-toggle btn-primary" asp-controller="Account" asp-action="Login" asp-route-returnurl="@Model.ReturnUrl">@T.Get("common.login")</a>
else }
{ else
<a class="btn btn-toggle" asp-controller="Account" asp-action="Login" asp-route-returnurl="@Model.ReturnUrl">@T.Get("common.login")</a> {
} <a class="btn btn-toggle" asp-controller="Account" asp-action="Login" asp-route-returnurl="@Model.ReturnUrl">@T.Get("common.login")</a>
@if (!Model.IsLogin) }
{ @if (!Model.IsLogin)
<a class="btn btn-toggle btn-primary" asp-controller="Account" asp-action="Signup" asp-route-returnurl="@Model.ReturnUrl">@T.Get("common.signup")</a> {
} <a class="btn btn-toggle btn-primary" asp-controller="Account" asp-action="Signup" asp-route-returnurl="@Model.ReturnUrl">@T.Get("common.signup")</a>
else }
{ else
<a class="btn btn-toggle" asp-controller="Account" asp-action="Signup" asp-route-returnurl="@Model.ReturnUrl">@T.Get("common.signup")</a> {
} <a class="btn btn-toggle" asp-controller="Account" asp-action="Signup" asp-route-returnurl="@Model.ReturnUrl">@T.Get("common.signup")</a>
}
</div>
</div> </div>
</div> </div>
</div>
<form asp-controller="Account" asp-action="External" asp-route-returnurl="@Model.ReturnUrl" method="post"> <form asp-controller="Account" asp-action="External" asp-route-returnurl="@Model.ReturnUrl" method="post">
@foreach (var provider in Model.ExternalProviders) @foreach (var provider in Model.ExternalProviders)
{ {
var schema = provider.AuthenticationScheme.ToLowerInvariant(); var schema = provider.AuthenticationScheme.ToLowerInvariant();
<div class="form-group">
<button class="btn external-button btn-block btn btn-@schema" type="submit" name="provider" value="@provider.AuthenticationScheme">
<i class="icon-@schema external-icon"></i> @Html.Raw(T.Get("users.login.loginWith", new { action, provider = provider.DisplayName }))
</button>
</div>
}
</form>
<div class="form-group"> @if (Model.HasExternalLogin && Model.HasPasswordAuth)
<button class="btn external-button btn-block btn btn-@schema" type="submit" name="provider" value="@provider.AuthenticationScheme"> {
<i class="icon-@schema external-icon"></i> @Html.Raw(T.Get("users.login.loginWith", new { action, provider = provider.DisplayName })) <div class="profile-separator">
</button> <div class="profile-separator-text">@T.Get("users.login.separator")</div>
</div> </div>
} }
</form>
@if (Model.HasExternalLogin && Model.HasPasswordAuth) @if (Model.HasPasswordAuth)
{
<div class="profile-separator">
<div class="profile-separator-text">@T.Get("users.login.separator")</div>
</div>
}
@if (Model.HasPasswordAuth)
{
if (Model.IsLogin)
{ {
if (Model.IsFailed) if (Model.IsLogin)
{ {
<div class="form-alert form-alert-error">@T.Get("users.login.error")</div> if (Model.IsFailed)
} {
<div class="form-alert form-alert-error">@T.Get("users.login.error")</div>
}
<form asp-controller="Account" asp-action="Login" asp-route-returnurl="@Model.ReturnUrl" method="post"> <form asp-controller="Account" asp-action="Login" asp-route-returnurl="@Model.ReturnUrl" method="post">
<div class="form-group"> <div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="@T.Get("users.login.emailPlaceholder")" /> <input type="email" class="form-control" name="email" id="email" placeholder="@T.Get("users.login.emailPlaceholder")" />
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="password" class="form-control" name="password" id="password" placeholder="@T.Get("users.login.passwordPlaceholder")" /> <input type="password" class="form-control" name="password" id="password" placeholder="@T.Get("users.login.passwordPlaceholder")" />
</div> </div>
<button type="submit" class="btn btn-block btn-primary">@action</button> <button type="submit" class="btn btn-block btn-primary">@action</button>
</form> </form>
} }
else else
{ {
<div class="profile-password-signup text-center">@T.Get("users.login.askAdmin")</div> <div class="profile-password-signup text-center">@T.Get("users.login.askAdmin")</div>
}
} }
}
@if (Model.IsLogin) @if (Model.IsLogin)
{ {
<p class="profile-footer"> <p class="profile-footer">
@T.Get("users.login.noAccountSignupQuestion") @T.Get("users.login.noAccountSignupQuestion")
<a asp-controller="Account" asp-action="Signup" asp-route-returnurl="@Model.ReturnUrl"> <a asp-controller="Account" asp-action="Signup" asp-route-returnurl="@Model.ReturnUrl">
@T.Get("users.login.noAccountSignupAction") @T.Get("users.login.noAccountSignupAction")
</a> </a>
</p> </p>
} }
else else
{ {
<p class="profile-footer"> <p class="profile-footer">
@T.Get("users.login.noAccountLoginQuestion") @T.Get("users.login.noAccountLoginQuestion")
<a asp-controller="Account" asp-action="Login" asp-route-returnurl="@Model.ReturnUrl"> <a asp-controller="Account" asp-action="Login" asp-route-returnurl="@Model.ReturnUrl">
@T.Get("users.login.noAccountLoginAction") @T.Get("users.login.noAccountLoginAction")
</a> </a>
</p> </p>
} }
</div>

12
frontend/app/theme/_static.scss
View File

@ -36,7 +36,7 @@ noscript {
.profile { .profile {
&-container { &-container {
margin: 0 auto; margin: 0 auto;
max-width: 30rem; max-width: 40rem;
min-width: 10rem; min-width: 10rem;
padding: 1rem 2rem; padding: 1rem 2rem;
} }
@ -156,6 +156,12 @@ noscript {
} }
} }
.login-container {
max-width: 20rem;
margin-left: auto;
margin-right: auto;
}
// //
// Splash text for loader. // Splash text for loader.
// //
@ -172,6 +178,10 @@ noscript {
} }
} }
.card-consent {
border-color: transparent;
}
// //
// Loader element. // Loader element.
// //

Write Preview
Loading…
Cancel
Save