Initial commit

Template.Shared/Components/SingleElements/NoDataAvailable.razor

@@ -0,0 +1,11 @@
+<div class="no-data opacity-75 d-flex flex-column align-items-center">
+    <img
+        src="@ImageSource"/>
+    
+    <p class="mt-3">@Text</p>
+</div>
+
+@code {
+    [Parameter] public string ImageSource { get; set; } = string.Empty;
+    [Parameter] public string Text { get; set; } = string.Empty;
+}

Template.Shared/Components/SingleElements/NoDataAvailable.razor.css

@@ -0,0 +1,13 @@
+.no-data {
+    position: fixed;
+    top: 35%;
+    width: calc(100% - 3rem); /* remove page padding */
+}
+
+.no-data img {
+    width: 60%;
+}
+
+.no-data p {
+    font-size: 1.2rem;
+}