- //TODO
-
-
-
- <div class="entityDisplaySection">
- <div class="entityDisplayHeader">
- <div class="entityDisplayTitle">
- @@Title
- </div>
- <div class="entityDisplayBorder">
- </div>
- </div>
- @@ChildContent
- </div>
-
- <style>
- .entityDisplaySection {
- position: relative;
- padding: 8px;
- display: flex;
- gap: 12px;
- flex-direction: column;
- margin-top: 14px;
- margin-top: 20px;
- padding: 12px;
- background-color: var(--info);
- border-top-right-radius: 12px;
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .entityDisplayHeader {
- bottom: 100%;
- position: absolute;
- white-space: pre;
- width: 100%;
- line-height: 0px;
- right: 0px;
- top: -4px;
- display: flex;
- }
-
- .entityDisplayTitle {
- font-weight: 800;
- font-size: 1.4rem;
- padding-right: 8px;
- text-shadow: 3px 0 0 var(--info), -3px 0 0 var(--info), 0 3px 0 var(--info), 0 -3px 0 var(--info), 2px 2px var(--info), -2px -2px 0 var(--info), 2px -2px 0 var(--info), -2px 2px 0 var(--info);
- }
-
- @@@@media only screen and (max-width: 1025px) {
- .entityDisplayHeader {
- position: inherit;
- width: 100%;
- margin: 0px;
- }
-
- .entityDisplaySection {
- position: inherit;
- width: 100%;
- margin: 0px;
- max-width: none;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
- border-bottom-right-radius: 0px;
- }
-
- .entityDisplayTitle {
- position: inherit;
- margin: 0px;
- }
- }
- </style>
-
- @@code {
- [Parameter] public RenderFragment ChildContent { get; set; }
- [Parameter] public string Title { get; set; }
- }
-
-
-
- Empty
-
-
- @@using Components.Pages.Utils
<div class="alertContainer @@Type.ToString().ToLower()">
@@if (Title != null) {
<div class="alertTitle">
@@Title
</div>
}
@@if (Message != null) {
<div>
@@Message
</div>
}
</div>
<style>
.alertContainer {
border: 4px solid;
border-radius: 4px;
padding: 16px;
display: flex;
flex-direction: column;
justify-items: stretch;
width: 100%;
}
.alertContainer.@@SeverityType.Warning.ToString().ToLower() {
border-color: #2a2000;
background-color: #ffbf0029;
}
.alertContainer.@@SeverityType.Error.ToString().ToLower() {
border-color: #290102;
background-color: #4C2C33;
}
.alertContainer.@@SeverityType.Information.ToString().ToLower() {
border-color: #030129;
background-color: #2c3a4c;
}
.alertContainer.@@SeverityType.Success.ToString().ToLower() {
border-color: #042901;
background-color: #2E4C2C;
}
.alertTitle {
font-weight: 800;
}
</style>
@@code {
[Parameter] public RenderFragment? Title { get; set; }
[Parameter] public RenderFragment? Message { get; set; }
[Parameter] public SeverityType Type { get; set; } = SeverityType.Warning;
}
-
-
- //TODO
-
-
- //TODO
-
-
-
- @@using Model.Website;
- @@using Model.Website.Enums;
-
- <div class="sectionContainer">
- <div class="sectionHeader">
- <div class="sectionTitle">
- @@Section.Name
- </div>
- </div>
-
- @@foreach (var childPage in Children) {
- if (childPage.IsPrivate) {
- continue;
- }
- <NavLinkComponent Page=childPage></NavLinkComponent>
- }
- </div>
-
- <style>
- .sectionContainer {
- display: flex;
- flex-direction: column;
- gap: 4px;
- justify-content: flex-start;
- position: relative;
- margin-top: 12px;
- padding: 18px;
- width: 300px;
- margin-left: 4px;
- }
-
- .sectionHeader {
- bottom: 100%;
- position: absolute;
- top: 0px;
- left: -8px;
- padding-right: 12px;
- padding-left: 4px;
- width: 100%;
- display: flex;
- line-height: 0px;
- }
-
- .sectionTitle {
- font-weight: bold;
- padding-right: 8px;
- margin-top: -2px;
- white-space: pre;
- }
- </style>
-
- @@code {
- [Parameter] public WebSectionModel? Section { get; set; }
- [Parameter] public List<WebPageModel>? Children { get; set; }
- }
-
-
-
-