diff options
| author | Jake Mannens <jake@asger.xyz> | 2026-06-17 02:28:41 +1000 |
|---|---|---|
| committer | Jake Mannens <jake@asger.xyz> | 2026-06-22 00:35:13 +1000 |
| commit | ed441569637deff56245ac89239ccdde9526c243 (patch) | |
| tree | a04599475defc0d48a1614da493f4abc672f5d24 /Pages | |
| parent | 6e85114fe6c9d6e236927c4fa746f8e140dac1a3 (diff) | |
Added error icon Razor component
Diffstat (limited to 'Pages')
| -rw-r--r-- | Pages/Component/ErrorIcon.razor | 13 | ||||
| -rw-r--r-- | Pages/Component/ErrorIcon.razor.css | 8 |
2 files changed, 21 insertions, 0 deletions
diff --git a/Pages/Component/ErrorIcon.razor b/Pages/Component/ErrorIcon.razor new file mode 100644 index 0000000..251148d --- /dev/null +++ b/Pages/Component/ErrorIcon.razor @@ -0,0 +1,13 @@ +<svg width=@Size height=@Size viewBox="0 0 100 100" fill="none"> + <ellipse cx="50" cy="50" rx="50" ry="50"/> + <path + d="M 75 25 L 25 75 M 25 25 L 75 75" + stroke="#fff" + stroke-width="10" + stroke-linecap="round"/> +</svg> + +@code { + [Parameter] + public int Size { get; set; } = 50; +} diff --git a/Pages/Component/ErrorIcon.razor.css b/Pages/Component/ErrorIcon.razor.css new file mode 100644 index 0000000..10fe0a4 --- /dev/null +++ b/Pages/Component/ErrorIcon.razor.css @@ -0,0 +1,8 @@ +svg { + margin: auto; + padding: 15px; +} + +svg > ellipse { + fill: var(--col-warning-pri); +} |