From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68]) by lore.proxmox.com (Postfix) with ESMTPS id 707641FF14F for ; Fri, 08 May 2026 17:58:07 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 537F71D844; Fri, 8 May 2026 17:58:07 +0200 (CEST) From: Shannon Sterz To: yew-devel@lists.proxmox.com Subject: [PATCH yew-mobile-gui v2 16/21] lxc page: align layout for lxc guest with qemu guests Date: Fri, 8 May 2026 17:57:17 +0200 Message-ID: <20260508155722.464564-17-s.sterz@proxmox.com> X-Mailer: git-send-email 2.47.3 In-Reply-To: <20260508155722.464564-1-s.sterz@proxmox.com> References: <20260508155722.464564-1-s.sterz@proxmox.com> MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-Bm-Milter-Handled: 55990f41-d878-4baa-be0a-ee34c49e34d2 X-Bm-Transport-Timestamp: 1778255736597 X-SPAM-LEVEL: Spam detection results: 0 AWL 0.115 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% DMARC_MISSING 0.1 Missing DMARC policy KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Message-ID-Hash: GM2LRQYEBRGOBR467FERGFSZESGM3GJG X-Message-ID-Hash: GM2LRQYEBRGOBR467FERGFSZESGM3GJG X-MailFrom: s.sterz@proxmox.com X-Mailman-Rule-Misses: dmarc-mitigation; no-senders; approved; loop; banned-address; emergency; member-moderation; nonmember-moderation; administrivia; implicit-dest; max-recipients; max-size; news-moderation; no-subject; digests; suspicious-header X-Mailman-Version: 3.3.10 Precedence: list List-Id: Yew framework devel list at Proxmox List-Help: List-Owner: List-Post: List-Subscribe: List-Unsubscribe: by adding icons and scrolling to the top-level tab panel Signed-off-by: Shannon Sterz --- src/pages/page_lxc_status/mod.rs | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) diff --git a/src/pages/page_lxc_status/mod.rs b/src/pages/page_lxc_status/mod.rs index 97ebddf..301e894 100644 --- a/src/pages/page_lxc_status/mod.rs +++ b/src/pages/page_lxc_status/mod.rs @@ -1,5 +1,6 @@ use std::rc::Rc; +use pwt::css::Flex; use pwt::props::StorageLocation; use serde::{Deserialize, Serialize}; @@ -8,7 +9,7 @@ use yew::virtual_dom::{VComp, VNode}; use pwt::prelude::*; use pwt::state::PersistentState; -use pwt::widget::{Column, TabBar, TabBarItem}; +use pwt::widget::{Column, MiniScroll, TabBar, TabBarItem}; use crate::widgets::{GuestBackupPanel, TopNavBar}; @@ -95,10 +96,12 @@ impl Component for PvePageLxcStatus { let tab_bar = TabBar::new() .class(pwt::css::JustifyContent::Center) + .class(Flex::Fill) .active(active_tab) .with_item( TabBarItem::new() .label("Dashboard") + .icon_class("fa fa-book") .key("dashboard") .on_activate( ctx.link() @@ -108,6 +111,7 @@ impl Component for PvePageLxcStatus { .with_item( TabBarItem::new() .label("Options") + .icon_class("fa fa-gear") .key("options") .on_activate( ctx.link() @@ -115,10 +119,14 @@ impl Component for PvePageLxcStatus { ), ) .with_item( - TabBarItem::new().label("Backup").key("backup").on_activate( - ctx.link() - .callback(|_| Msg::SetViewState(ViewState::Backup)), - ), + TabBarItem::new() + .label("Backup") + .icon_class("fa fa-floppy-o") + .key("backup") + .on_activate( + ctx.link() + .callback(|_| Msg::SetViewState(ViewState::Backup)), + ), ); Column::new() @@ -128,7 +136,11 @@ impl Component for PvePageLxcStatus { .title(format!("CT {}", props.vmid)) .back("/resources"), ) - .with_child(tab_bar) + .with_child( + MiniScroll::new(tab_bar) + .class(Flex::None) + .scroll_mode(pwt::widget::MiniScrollMode::Native), + ) .with_child(content) .into() } -- 2.47.3