ZacharyZhang-NY/ELY-Browser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Match topbar nav arrows + omnibar padding to design

Browse Source 
- Nav-back / nav-forward now render lucide ArrowLeft / ArrowRight to
  match the design's TopBar exactly. Chevron arrows read as accordion
  toggles in this design language; arrow heads read as page navigation.
- Omnibar uses uniform px(14) horizontal padding instead of asymmetric
  pl(14) pr(8), so the inner chips inherit the design's symmetric breathing
  room. The flex/gap layout already keeps the chips at the right edge.
This commit is contained in:
ZacharyZhang-NY
2026-05-09 20:15:13 -04:00
parent 49e4816bce
commit 89f4541d91
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
crates/ely_app/src/shell/chrome/topbar.rs
+3 -4
View File
@@ -30,8 +30,8 @@ pub(crate) fn render_topbar(
.when(sidebar_collapsed, |el| { .when(sidebar_collapsed, |el| {
el.child(render_command_bar_identity(snapshot, 56.0, true)) el.child(render_command_bar_identity(snapshot, 56.0, true))
}) })
.child(render_nav_arrow("nav-back", IconName::ChevronLeft)) .child(render_nav_arrow("nav-back", IconName::ArrowLeft))
.child(render_nav_arrow("nav-forward", IconName::ChevronRight)) .child(render_nav_arrow("nav-forward", IconName::ArrowRight))
.child(render_omnibar(shell, active_tab, cx)) .child(render_omnibar(shell, active_tab, cx))
.child(render_topbar_action( .child(render_topbar_action(
"share-url", "share-url",
@@ -84,8 +84,7 @@ fn render_omnibar(
.rounded(px(spacing::RADIUS_PILL)) .rounded(px(spacing::RADIUS_PILL))
.bg(rgba(OMNIBAR_BG)) .bg(rgba(OMNIBAR_BG))
.shadow(soft_shadow()) .shadow(soft_shadow())
.pl(px(14.0)) .px(px(14.0))
.pr(px(8.0))
.flex() .flex()
.items_center() .items_center()
.gap(px(10.0)) .gap(px(10.0))