Updating Mudblazor Version
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
@inject INoteService NoteService
|
||||
@implements IDisposable
|
||||
|
||||
@inject IDataCollectionService DataCollectionService
|
||||
@inject IDataCollectionService DataCollectionService
|
||||
|
||||
@page "/notes"
|
||||
|
||||
@@ -47,36 +47,36 @@ else
|
||||
padding-top: 8px;
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
|
||||
.noteSectionTitle {
|
||||
font-size: 3rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
|
||||
.noteContentContainer {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
|
||||
@@media only screen and (max-width: 1025px) {
|
||||
.noteContentContainer {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.noteContentContainer {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.noteContentName {
|
||||
font-weight: bold;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
|
||||
.noteContentDescription {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.noteContentLink {
|
||||
background-color: var(--paper);
|
||||
border: 1px solid var(--paper-border);
|
||||
@@ -93,13 +93,13 @@ else
|
||||
margin-left: 12px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.noteContentLink:hover {
|
||||
background-color: var(--paper-hover);
|
||||
border-color: var(--paper-border-hover);
|
||||
text-decoration: none;
|
||||
box-shadow: 0 4px 6px rgba(0,0,0,0.6);
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6);
|
||||
transform: translateY(-2px) scale(1.01);
|
||||
}
|
||||
|
||||
@@ -107,20 +107,15 @@ else
|
||||
|
||||
@code {
|
||||
|
||||
[Parameter]
|
||||
public string? Href1 { get; set; }
|
||||
[Parameter] public string? Href1 { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string? Href2 { get; set; }
|
||||
[Parameter] public string? Href2 { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string? Href3 { get; set; }
|
||||
[Parameter] public string? Href3 { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string? Href4 { get; set; }
|
||||
[Parameter] public string? Href4 { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string? Href5 { get; set; }
|
||||
[Parameter] public string? Href5 { get; set; }
|
||||
|
||||
private string Href => Href5 ?? Href4 ?? Href3 ?? Href2 ?? Href1 ?? "";
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
@inject INoteService NoteService
|
||||
@implements IDisposable
|
||||
|
||||
@inject IDataCollectionService DataCollectionService
|
||||
@inject IDataCollectionService DataCollectionService
|
||||
|
||||
@page "/notes/{href1}/{href2?}/{href3?}/{href4?}/{href5?}"
|
||||
|
||||
@@ -30,6 +30,7 @@ else
|
||||
{
|
||||
continue;
|
||||
}
|
||||
|
||||
<NoteComponent NoteContentModel="note"/>
|
||||
}
|
||||
</PaperComponent>
|
||||
@@ -39,11 +40,11 @@ else
|
||||
|
||||
<style>
|
||||
pre code {
|
||||
color: white;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
display: block;
|
||||
display: block;
|
||||
font-size: 2em;
|
||||
margin-top: 0.67em;
|
||||
margin-bottom: 0.67em;
|
||||
@@ -51,7 +52,7 @@ else
|
||||
margin-right: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
h2 {
|
||||
display: block;
|
||||
font-size: 1.5em;
|
||||
@@ -61,11 +62,11 @@ else
|
||||
margin-right: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
li {
|
||||
display: list-item;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
@@ -73,7 +74,7 @@ else
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
ul {
|
||||
display: block;
|
||||
list-style-type: disc;
|
||||
@@ -83,7 +84,7 @@ else
|
||||
margin-right: 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
|
||||
pre {
|
||||
background: black;
|
||||
padding: 2px;
|
||||
@@ -92,20 +93,15 @@ else
|
||||
|
||||
@code {
|
||||
|
||||
[Parameter]
|
||||
public string? Href1 { get; set; }
|
||||
[Parameter] public string? Href1 { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string? Href2 { get; set; }
|
||||
[Parameter] public string? Href2 { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string? Href3 { get; set; }
|
||||
[Parameter] public string? Href3 { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string? Href4 { get; set; }
|
||||
[Parameter] public string? Href4 { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public string? Href5 { get; set; }
|
||||
[Parameter] public string? Href5 { get; set; }
|
||||
|
||||
private string Href => Href5 ?? Href4 ?? Href3 ?? Href2 ?? Href1 ?? "";
|
||||
|
||||
|
||||
@@ -24,35 +24,34 @@ else
|
||||
}
|
||||
|
||||
<style>
|
||||
.noteTitle {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.noteHeader {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.noteDates {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
||||
.noteFooter {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.noteTitle {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.noteHeader {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.noteDates {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
||||
.noteFooter {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@code {
|
||||
|
||||
[Parameter]
|
||||
public NoteContentModel NoteContentModel { get; set; } = default!;
|
||||
[Parameter] public NoteContentModel NoteContentModel { get; set; } = default!;
|
||||
|
||||
NoteFrontMatterModel noteFrontMatter = null!;
|
||||
private string? content = null;
|
||||
private string? content;
|
||||
|
||||
private string Filepath => $"content/notes/{NoteContentModel.Content}.md";
|
||||
private string GitUrl => $"{Project.GitResourcesUrl}/{Filepath}";
|
||||
|
||||
@@ -11,55 +11,51 @@
|
||||
}
|
||||
|
||||
<style>
|
||||
|
||||
.noteInnerNavContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.noteInnerNavButton a {
|
||||
color: white;
|
||||
}
|
||||
.noteInnerNavContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.noteInnerNavButton a:hover {
|
||||
color: white;
|
||||
}
|
||||
.noteInnerNavButton a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.noteInnerNavButton {
|
||||
padding: 8px;
|
||||
margin-left: 8px;
|
||||
color: white;
|
||||
}
|
||||
.noteInnerNavButton a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.noteInnerNavButton:hover {
|
||||
|
||||
}
|
||||
.noteInnerNavButton {
|
||||
padding: 8px;
|
||||
margin-left: 8px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.noteInnerNavButton:hover {
|
||||
|
||||
}
|
||||
|
||||
|
||||
.inner_1 {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.inner_2 {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.inner_3 {
|
||||
margin-left: 24px;
|
||||
}
|
||||
.inner_1 {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.inner_2 {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.inner_3 {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@code {
|
||||
|
||||
[Parameter]
|
||||
public NoteContentModel? Note { get; set; } = default!;
|
||||
[Parameter] public NoteContentModel? Note { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public int Layers { get; set; } = 1;
|
||||
[Parameter] public int Layers { get; set; } = 1;
|
||||
|
||||
public int IncrementLayers()
|
||||
{
|
||||
|
||||
@@ -10,35 +10,33 @@
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.noteNavContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.noteNavButton a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.noteNavButton a:hover {
|
||||
color: white;
|
||||
background-color: var(--primary-hover);
|
||||
|
||||
}
|
||||
|
||||
.noteNavButton {
|
||||
padding: 8px;
|
||||
color: white;
|
||||
}
|
||||
.noteNavContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.noteNavButton a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.noteNavButton a:hover {
|
||||
color: white;
|
||||
background-color: var(--primary-hover);
|
||||
|
||||
}
|
||||
|
||||
.noteNavButton {
|
||||
padding: 8px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@code {
|
||||
|
||||
[Parameter]
|
||||
public List<NoteContentModel> Notes { get; set; } = default!;
|
||||
[Parameter] public List<NoteContentModel> Notes { get; set; } = default!;
|
||||
|
||||
[Parameter]
|
||||
public List<NoteConnectionModel> Connections { get; set; } = default!;
|
||||
[Parameter] public List<NoteConnectionModel> Connections { get; set; } = default!;
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user