mathieu/rust-ipam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(host-detail): centre host title, move delete button to bottom-right

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
mathieu
2026-05-16 02:30:19 +02:00
parent 577a655aee
commit ba4d2a60c6
2 changed files with 39 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/client/host_detail.rs
View File

@@ -168,18 +168,9 @@ pub fn HostDetailPage() -> impl IntoView {
view! {
// ── Page header ──────────────────────────────────
<div class="page-header">
<div class="page-header__left">
<a class="back-btn" href="/hosts">"← Hosts"</a>
<h1>{move || name_sig.get()}</h1>
</div>
<button
class="btn-danger-solid"
type="button"
on:click=move |_| show_delete_modal.set(true)
>
"Delete host"
</button>
<div class="page-header detail-page-header">
<a class="back-btn" href="/hosts">"← Hosts"</a>
<h1 class="detail-page-title">{move || name_sig.get()}</h1>
</div>
// ── Identity form ─────────────────────────────────
@@ -305,6 +296,17 @@ pub fn HostDetailPage() -> impl IntoView {
</div>
</section>
// ── Danger zone ──────────────────────────────────
<div class="danger-zone">
<button
class="btn-danger-solid"
type="button"
on:click=move |_| show_delete_modal.set(true)
>
"Delete host"
</button>
</div>
// ── Delete modal (conditional) ────────────────────
{move || show_delete_modal.get().then(|| view! {
<DeleteModal