diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor
index df597ca..a6ccd6c 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor
@@ -1,13 +1,27 @@
@inherits LayoutComponentBase
+@inject NavigationManager NavigationManager
-
+
+
+@code {
+ private string relativeUri => NavigationManager.ToBaseRelativePath(NavigationManager.Uri);
+
+ protected string page => (string.IsNullOrEmpty(relativeUri) ? "Index" : relativeUri) + ".razor";
+}
\ No newline at end of file
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor.css b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor.css
index 43c355a..e9459c5 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor.css
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor.css
@@ -4,7 +4,7 @@
flex-direction: column;
}
-.main {
+main {
flex: 1;
}
@@ -21,15 +21,20 @@
align-items: center;
}
- .top-row ::deep a, .top-row .btn-link {
+ .top-row ::deep a, .top-row ::deep .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
+ text-decoration: none;
}
- .top-row a:first-child {
- overflow: hidden;
- text-overflow: ellipsis;
- }
+ .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
+ text-decoration: underline;
+ }
+
+ .top-row ::deep a:first-child {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
@media (max-width: 640.98px) {
.top-row:not(.auth) {
@@ -40,7 +45,7 @@
justify-content: space-between;
}
- .top-row a, .top-row .btn-link {
+ .top-row ::deep a, .top-row ::deep .btn-link {
margin-left: 0;
}
}
@@ -63,7 +68,13 @@
z-index: 1;
}
- .main > div {
+ .top-row.auth ::deep a:first-child {
+ flex: 1;
+ text-align: right;
+ width: 0;
+ }
+
+ .top-row, article {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/NavMenu.razor b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/NavMenu.razor
index 3b65646..5f53f3d 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/NavMenu.razor
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/NavMenu.razor
@@ -13,27 +13,27 @@
-
+
Minimal
-
+
Custom Elements
-
+
Save
-
+
Snap To Integer
-
+
Animation
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/wwwroot/index.html b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/wwwroot/index.html
index 74feb5d..9f36bb3 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/wwwroot/index.html
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/wwwroot/index.html
@@ -5,6 +5,7 @@
Blazor SVGEditor
+