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"},
|
||||
}
|
||||
},
|
||||
{
|
||||
EnvironmentsKeyName, new Dictionary<string, string>()
|
||||
{
|
||||
{"pt", "Ambientes"},
|
||||
{"eng", "Environments"},
|
||||
{"en-gb", "Environments"},
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
ChangePasswordKeyName, new Dictionary<string, string>()
|
||||
|
|
|
|||
|
|
@ -22,10 +22,7 @@ internal class LayoutCache
|
|||
RootLocation,
|
||||
nameof(HomeController),
|
||||
new List<RouteRecord>()
|
||||
{
|
||||
new RouteRecord("Environments", EnvironmentsKeyName, EnvironmentsRouteLocation, nameof(EnvironmentsPageController), new List<RouteRecord>(), ViewType.Environments)
|
||||
|
||||
}, ViewType.Root);
|
||||
, ViewType.Root);
|
||||
|
||||
#endregion Route Tree
|
||||
|
||||
|
|
|
|||
|
|
@ -59,9 +59,5 @@ namespace CodeLiturgy.Views.Utils
|
|||
internal const string ChangePasswordKeyName = "changepwd";
|
||||
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" />
|
||||
<script src="~/static/envs/index.e56c5746.js" defer/>
|
||||
@*<link rel="stylesheet" asp-append-version="true" href="~/static/envs/index.3635012e.css" />
|
||||
<script src="~/static/envs/index.e56c5746.js" defer/>*@
|
||||
<div id="app"></div>
|
||||
|
||||
|
|
|
|||
|
|
@ -8,30 +8,23 @@
|
|||
|
||||
@if (menu.Count > 0)
|
||||
{
|
||||
<footer class="q-footer q-layout__section--marginal absolute-bottom q-footer--bordered text-secondary">
|
||||
<div class="q-tabs row no-wrap items-center q-tabs--not-scrollable q-tabs--horizontal q-tabs__arrows--inside text-white">
|
||||
<div class="q-tabs__content row no-wrap items-center self-stretch hide-scrollbar relative-position q-tabs__content--align-center">
|
||||
|
||||
<div style="margin-right: 1rem;">
|
||||
<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 })
|
||||
{
|
||||
@foreach (var record in menu)
|
||||
<div class="menu bottom">
|
||||
<div class="row no-wrap center-align copyright-notice">
|
||||
<span class="white-text">
|
||||
<p>© Copyright 2011 - 2022, Code Liturgy
|
||||
| <a href="#" target="_blank" data-capture="click">Privacy Policy</a>
|
||||
@if (menu is {Count: > 0 })
|
||||
{
|
||||
<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">
|
||||
<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>
|
||||
}
|
||||
}
|
||||
@foreach (var record in menu)
|
||||
{
|
||||
<a href="@record.Location" target="_blank" data-capture="click">@record.Name</a>
|
||||
|
||||
}
|
||||
}
|
||||
</p>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,72 +8,28 @@
|
|||
var rootUrl = SessionConstants.CookieDomain;
|
||||
var menu = LayoutCache.GetDefaultHeaderMenu(ViewData, User.IsAuthenticated());
|
||||
}
|
||||
|
||||
<div class="q-tabs items-center row no-wrap items-center q-tabs--not-scrollable q-tabs--horizontal q-tabs__arrows--inside">
|
||||
<div class="q-tabs__content row no-wrap items-center self-stretch hide-scrollbar relative-position q-tabs__content--align-center">
|
||||
<div class="menu top">
|
||||
<div class="row no-wrap middle-align">
|
||||
@if (menu is {Count: > 0 })
|
||||
{
|
||||
@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="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"></div>
|
||||
</a>
|
||||
}
|
||||
}
|
||||
@if (userAuthenticated && user != null)
|
||||
{
|
||||
<div class="q-chip row inline no-wrap items-center q-chip--dark q-dark" id="profile-wrap">
|
||||
<div class="q-chip__content col row no-wrap items-center q-anchor--skip">
|
||||
<div class="q-avatar">
|
||||
<div class="q-avatar__content row flex-center overflow-hidden">
|
||||
<img src="@rootUrl/static/profile/boy-avatar.png">
|
||||
{
|
||||
@foreach (var record in menu)
|
||||
{
|
||||
<div class="col">
|
||||
<nav class="left-align">
|
||||
<a href="@record.Location" class="white-text">
|
||||
@record.Name
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div> @user.Email
|
||||
</div>
|
||||
</div>
|
||||
<style lang="css">
|
||||
|
||||
</style>
|
||||
}
|
||||
}
|
||||
}
|
||||
@*<div class="col">
|
||||
<nav class="right-align">
|
||||
<a href="#"
|
||||
target="_blank">
|
||||
<button class="events-button">See Full Events Calendar</button>
|
||||
</a>
|
||||
</nav>
|
||||
</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"/>
|
||||
<title>@ViewData["Title"] - CodeLiturgy.Views</title>
|
||||
<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-IuiaDsNcIhQ8tQ.woff2" as="font" type="font/woff2" crossorigin>
|
||||
|
|
@ -25,21 +24,11 @@
|
|||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="desktop touch body--dark" style="--q-primary:#414141;">
|
||||
<div id="q-app">
|
||||
<div class="q-layout q-layout--standard" id="app-entry">
|
||||
<header class="q-header q-layout__section--marginal fixed-top bg-primary text-white">
|
||||
@await Html.PartialAsync("_HeaderMenu", applicationUser)
|
||||
</header>
|
||||
<body class="home page-template-default page">
|
||||
@await Html.PartialAsync("_HeaderMenu", applicationUser)
|
||||
@RenderBody()
|
||||
@await Html.PartialAsync("_FooterMenu", applicationUser)
|
||||
|
||||
<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)
|
||||
</body>
|
||||
</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