Change style
This commit is contained in:
code liturgy
parent
f2781b1dfc
commit
712478814e
|
|
@ -1 +1 @@
|
||||||
Subproject commit e25d0c0b2cd46d63670966b03de9bd03c9d91637
|
Subproject commit 98c92cbbb5060835ecb43295e0ce241d88f9797a
|
||||||
|
|
@ -63,14 +63,6 @@ public static class Translations
|
||||||
{"en-gb", "Account"},
|
{"en-gb", "Account"},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
EnvironmentsKeyName, new Dictionary<string, string>()
|
|
||||||
{
|
|
||||||
{"pt", "Ambientes"},
|
|
||||||
{"eng", "Environments"},
|
|
||||||
{"en-gb", "Environments"},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
{
|
||||||
ChangePasswordKeyName, new Dictionary<string, string>()
|
ChangePasswordKeyName, new Dictionary<string, string>()
|
||||||
|
|
|
||||||
|
|
@ -22,10 +22,7 @@ internal class LayoutCache
|
||||||
RootLocation,
|
RootLocation,
|
||||||
nameof(HomeController),
|
nameof(HomeController),
|
||||||
new List<RouteRecord>()
|
new List<RouteRecord>()
|
||||||
{
|
, ViewType.Root);
|
||||||
new RouteRecord("Environments", EnvironmentsKeyName, EnvironmentsRouteLocation, nameof(EnvironmentsPageController), new List<RouteRecord>(), ViewType.Environments)
|
|
||||||
|
|
||||||
}, ViewType.Root);
|
|
||||||
|
|
||||||
#endregion Route Tree
|
#endregion Route Tree
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -59,9 +59,5 @@ namespace CodeLiturgy.Views.Utils
|
||||||
internal const string ChangePasswordKeyName = "changepwd";
|
internal const string ChangePasswordKeyName = "changepwd";
|
||||||
internal const string ChangePasswordRouteLocation = $"{AuthAccountRoute}/change";
|
internal const string ChangePasswordRouteLocation = $"{AuthAccountRoute}/change";
|
||||||
|
|
||||||
// Environments
|
|
||||||
internal const string EnvironmentsRouteLocation = "/environments";
|
|
||||||
internal const string EnvironmentsKeyName = "envs";
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<link rel="stylesheet" asp-append-version="true" href="~/static/envs/index.3635012e.css" />
|
@*<link rel="stylesheet" asp-append-version="true" href="~/static/envs/index.3635012e.css" />
|
||||||
<script src="~/static/envs/index.e56c5746.js" defer/>
|
<script src="~/static/envs/index.e56c5746.js" defer/>*@
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,30 +8,23 @@
|
||||||
|
|
||||||
@if (menu.Count > 0)
|
@if (menu.Count > 0)
|
||||||
{
|
{
|
||||||
<footer class="q-footer q-layout__section--marginal absolute-bottom q-footer--bordered text-secondary">
|
<div class="menu bottom">
|
||||||
<div class="q-tabs row no-wrap items-center q-tabs--not-scrollable q-tabs--horizontal q-tabs__arrows--inside text-white">
|
<div class="row no-wrap center-align copyright-notice">
|
||||||
<div class="q-tabs__content row no-wrap items-center self-stretch hide-scrollbar relative-position q-tabs__content--align-center">
|
<span class="white-text">
|
||||||
|
<p>© Copyright 2011 - 2022, Code Liturgy
|
||||||
<div style="margin-right: 1rem;">
|
| <a href="#" target="_blank" data-capture="click">Privacy Policy</a>
|
||||||
<a href="/geo" class="router-link-active router-link-exact-active">
|
|
||||||
<i class="q-icon text-white notranslate material-icons" style="font-size: 24px;">data_usage</i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
@if (menu is {Count: > 0 })
|
@if (menu is {Count: > 0 })
|
||||||
{
|
{
|
||||||
@foreach (var record in menu)
|
@foreach (var record in menu)
|
||||||
{
|
{
|
||||||
<a href="@record.Location" class="q-tab relative-position self-stretch flex flex-center text-center q-tab--inactive q-tab--no-caps q-focusable q-hoverable cursor-pointer">
|
<a href="@record.Location" target="_blank" data-capture="click">@record.Name</a>
|
||||||
<div class="q-tab__content self-stretch flex-center relative-position q-anchor--skip non-selectable column">
|
|
||||||
<div class="q-tab__label">@record.Name</div>
|
|
||||||
</div>
|
|
||||||
<div class="q-tab__indicator absolute-bottom text-transparent"></div>
|
|
||||||
</a>
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
</p>
|
||||||
|
</span>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,72 +8,28 @@
|
||||||
var rootUrl = SessionConstants.CookieDomain;
|
var rootUrl = SessionConstants.CookieDomain;
|
||||||
var menu = LayoutCache.GetDefaultHeaderMenu(ViewData, User.IsAuthenticated());
|
var menu = LayoutCache.GetDefaultHeaderMenu(ViewData, User.IsAuthenticated());
|
||||||
}
|
}
|
||||||
|
<div class="menu top">
|
||||||
<div class="q-tabs items-center row no-wrap items-center q-tabs--not-scrollable q-tabs--horizontal q-tabs__arrows--inside">
|
<div class="row no-wrap middle-align">
|
||||||
<div class="q-tabs__content row no-wrap items-center self-stretch hide-scrollbar relative-position q-tabs__content--align-center">
|
|
||||||
@if (menu is {Count: > 0 })
|
@if (menu is {Count: > 0 })
|
||||||
{
|
{
|
||||||
@foreach (var record in menu)
|
@foreach (var record in menu)
|
||||||
{
|
{
|
||||||
<a class="q-tab relative-position self-stretch flex flex-center text-center q-tab--inactive q-focusable q-hoverable cursor-pointer " href="@record.Location">
|
<div class="col">
|
||||||
<div class="q-tab__content self-stretch flex-center relative-position q-anchor--skip non-selectable column">
|
<nav class="left-align">
|
||||||
<div class="q-tab__label">@record.Name</div>
|
<a href="@record.Location" class="white-text">
|
||||||
</div>
|
@record.Name
|
||||||
<div class="q-tab__indicator absolute-bottom"></div>
|
|
||||||
</a>
|
</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@if (userAuthenticated && user != null)
|
@*<div class="col">
|
||||||
{
|
<nav class="right-align">
|
||||||
<div class="q-chip row inline no-wrap items-center q-chip--dark q-dark" id="profile-wrap">
|
<a href="#"
|
||||||
<div class="q-chip__content col row no-wrap items-center q-anchor--skip">
|
target="_blank">
|
||||||
<div class="q-avatar">
|
<button class="events-button">See Full Events Calendar</button>
|
||||||
<div class="q-avatar__content row flex-center overflow-hidden">
|
</a>
|
||||||
<img src="@rootUrl/static/profile/boy-avatar.png">
|
</nav>
|
||||||
</div>
|
</div>*@
|
||||||
</div> @user.Email
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<style lang="css">
|
|
||||||
|
|
||||||
</style>
|
|
||||||
}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@if (userAuthenticated && user != null)
|
|
||||||
{
|
|
||||||
<div class="profileMenuContainer" id="profile-menu" style="display: none">
|
|
||||||
<div>
|
|
||||||
<a href="@AuthAccountRoute" class="profile-link">
|
|
||||||
<button class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle bg-black text-white q-btn--actionable q-focusable q-hoverable q-btn--active" type="button">
|
|
||||||
<span class="q-btn__content text-center col items-center q-anchor--skip justify-center row">
|
|
||||||
<span class="block">Profile</span>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="@AuthLogoutRoute" class="profile-link">
|
|
||||||
<button class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle bg-black text-white q-btn--actionable q-focusable q-hoverable q-btn--active" type="button">
|
|
||||||
<span class="q-btn__content text-center col items-center q-anchor--skip justify-center row">
|
|
||||||
<span class="block">Logout</span>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
<script >
|
|
||||||
(() => {
|
|
||||||
const wrapMenu = document.getElementById("profile-wrap");
|
|
||||||
const profileMenu = document.getElementById("profile-menu");
|
|
||||||
wrapMenu.onclick = () => {
|
|
||||||
if (profileMenu.style.display === "none") {
|
|
||||||
profileMenu.style.display = "block";
|
|
||||||
} else {
|
|
||||||
profileMenu.style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
</script>
|
|
||||||
|
|
@ -11,7 +11,6 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||||
<title>@ViewData["Title"] - CodeLiturgy.Views</title>
|
<title>@ViewData["Title"] - CodeLiturgy.Views</title>
|
||||||
<link rel="stylesheet" href="@rootUrl/static/main.css" asp-append-version="true"/>
|
<link rel="stylesheet" href="@rootUrl/static/main.css" asp-append-version="true"/>
|
||||||
<link rel="stylesheet" href="@rootUrl/static/site.css" asp-append-version="true"/>
|
|
||||||
|
|
||||||
<link rel="preload" href="@rootUrl/static/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff" as="font" type="font/woff" crossorigin>
|
<link rel="preload" href="@rootUrl/static/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff" as="font" type="font/woff" crossorigin>
|
||||||
<link rel="preload" href="@rootUrl/static/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2" as="font" type="font/woff2" crossorigin>
|
<link rel="preload" href="@rootUrl/static/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2" as="font" type="font/woff2" crossorigin>
|
||||||
|
|
@ -25,21 +24,11 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body class="desktop touch body--dark" style="--q-primary:#414141;">
|
<body class="home page-template-default page">
|
||||||
<div id="q-app">
|
@await Html.PartialAsync("_HeaderMenu", applicationUser)
|
||||||
<div class="q-layout q-layout--standard" id="app-entry">
|
@RenderBody()
|
||||||
<header class="q-header q-layout__section--marginal fixed-top bg-primary text-white">
|
@await Html.PartialAsync("_FooterMenu", applicationUser)
|
||||||
@await Html.PartialAsync("_HeaderMenu", applicationUser)
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="q-page-container" style="padding-top: 48px; padding-bottom: 49px;">
|
|
||||||
<div class="app-body">
|
|
||||||
@RenderBody()
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
@await RenderSectionAsync("Scripts", required: false)
|
@await RenderSectionAsync("Scripts", required: false)
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1 +1 @@
|
||||||
:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dropdown.svelte-1c41377.svelte-1c41377{position:relative;width:200px}.dropdown.svelte-1c41377 select.svelte-1c41377{width:100%}.dropdown.svelte-1c41377>.svelte-1c41377{box-sizing:border-box;height:1.5em}.dropdown.svelte-1c41377 input.svelte-1c41377{position:absolute;width:calc(100% - 20px)}
|
.no-environments-diplay.svelte-877bn7{text-align:center;height:100%;display:flex;width:100%;justify-content:center;align-items:center}.environment-manager-container.svelte-877bn7{width:100%;height:100%;display:flex;align-items:center;margin-left:25rem}.dropdown.svelte-1c41377.svelte-1c41377{position:relative;width:200px}.dropdown.svelte-1c41377 select.svelte-1c41377{width:100%}.dropdown.svelte-1c41377>.svelte-1c41377{box-sizing:border-box;height:1.5em}.dropdown.svelte-1c41377 input.svelte-1c41377{position:absolute;width:calc(100% - 20px)}.page-container.svelte-1pmz6nl{display:flex;min-width:100%;min-height:87vh}button.env-button.svelte-1pmz6nl{width:100%;background-color:#3a3a3a;border-radius:0;color:#fbfbfb;margin-bottom:15px!important}button.env-button.svelte-1pmz6nl:not(:last-child){margin-bottom:15px!important}.actions-menu.svelte-1pmz6nl{background:#152842;height:100%;padding:50rem 30rem 30rem;display:flex;flex-direction:column;align-items:center}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
|
@ -1,16 +0,0 @@
|
||||||
#profile-wrap {
|
|
||||||
cursor: pointer;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile-link {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.profileMenuContainer {
|
|
||||||
position: absolute;
|
|
||||||
background-color: #505050;
|
|
||||||
padding: 12px 10px 12px;
|
|
||||||
right: 0;
|
|
||||||
border: 2px solid #0f0f0f;
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue