Improved CSS handling

Oqtane.Client/Modules/HelloWorld/Index.razor

@@ -0,0 +1,42 @@
+@using Microsoft.AspNetCore.Components.Web
+@using Oqtane.Modules
+@using Oqtane.Services
+@namespace Oqtane.Modules.HelloWorld
+@inherits ModuleBase
+@inject ISettingService  SettingService
+
+<div class="container">
+    <div>
+        <label for="Url" class="control-label">Image Url: </label>
+    </div>
+    <div>
+        <input type="text" name="Url" class="form-control" placeholder="Image Url" @bind="@url" />
+    </div>
+    <button type="button" class="btn btn-primary" @onclick="Save">Save</button>
+    <div>
+        @if (!string.IsNullOrEmpty(url))
+        {   
+            <br />
+            <img src="@url" />
+        }
+    </div>
+</div>
+
+@code {
+    string url = "";
+
+    protected override async Task OnInitializedAsync()
+    {
+        Dictionary<string, string> settings = await SettingService.GetModuleSettingsAsync(ModuleState.ModuleId);
+        url = SettingService.GetSetting(settings, "url", "");
+    }
+
+    private async Task Save()
+    {
+        Dictionary<string, string> settings = await SettingService.GetModuleSettingsAsync(ModuleState.ModuleId);
+        SettingService.SetSetting(settings, "url", url);
+        await SettingService.UpdateModuleSettingsAsync(settings, ModuleState.ModuleId);
+        StateHasChanged();
+    }
+
+}