From 3e169bb4437b664bc1e5a99c5b4b903994d2de0f Mon Sep 17 00:00:00 2001 From: ENvironmentSet Date: Tue, 6 Oct 2026 17:08:09 +0900 Subject: [PATCH 1/2] fix(plugin-basic-ui): unify default AppBar height across themes --- .changeset/unify-basic-ui-app-bar-height.md | 5 +++++ extensions/plugin-basic-ui/src/basicUIPlugin.css.ts | 2 -- 2 files changed, 5 insertions(+), 2 deletions(-) create mode 100644 .changeset/unify-basic-ui-app-bar-height.md diff --git a/.changeset/unify-basic-ui-app-bar-height.md b/.changeset/unify-basic-ui-app-bar-height.md new file mode 100644 index 000000000..5159f13cb --- /dev/null +++ b/.changeset/unify-basic-ui-app-bar-height.md @@ -0,0 +1,5 @@ +--- +"@stackflow/plugin-basic-ui": minor +--- + +Increase the default Cupertino AppBar height and minimum height from 2.75rem to 3.5rem (44px to 56px at the default root font size), matching the Android theme. AppScreen content spacing follows the new height while preserving the top safe area inset and custom height options. diff --git a/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts b/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts index 00b9bd845..c100a6653 100644 --- a/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts +++ b/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts @@ -106,8 +106,6 @@ const cupertinoValues: GlobalVars = { defaultTransitionOffSet: "100%", appBar: { ...androidValues.appBar, - height: "2.75rem", - minHeight: "2.75rem", borderSize: "0.5px", lineHeight: "normal", }, From 8868a0bc48129400775686c21d20e118799493c0 Mon Sep 17 00:00:00 2001 From: ENvironmentSet Date: Tue, 6 Oct 2026 17:14:38 +0900 Subject: [PATCH 2/2] feat(plugin-basic-ui): use fixed 56px AppBar height --- .changeset/unify-basic-ui-app-bar-height.md | 2 +- extensions/plugin-basic-ui/src/basicUIPlugin.css.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/.changeset/unify-basic-ui-app-bar-height.md b/.changeset/unify-basic-ui-app-bar-height.md index 5159f13cb..2d31b7889 100644 --- a/.changeset/unify-basic-ui-app-bar-height.md +++ b/.changeset/unify-basic-ui-app-bar-height.md @@ -2,4 +2,4 @@ "@stackflow/plugin-basic-ui": minor --- -Increase the default Cupertino AppBar height and minimum height from 2.75rem to 3.5rem (44px to 56px at the default root font size), matching the Android theme. AppScreen content spacing follows the new height while preserving the top safe area inset and custom height options. +Set the default AppBar height and minimum height to 56px for both Cupertino and Android, independent of the root font size. Previously, Cupertino used 2.75rem and Android used 3.5rem. AppScreen content spacing follows the new height while preserving the top safe area inset and custom height options. diff --git a/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts b/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts index c100a6653..7e61e69f3 100644 --- a/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts +++ b/extensions/plugin-basic-ui/src/basicUIPlugin.css.ts @@ -69,9 +69,9 @@ const androidValues: GlobalVars = { borderColor: "rgba(0, 0, 0, 0.07)", borderColorTransitionDuration: "0s", borderSize: "1px", - height: "3.5rem", + height: "56px", heightTransitionDuration: "0s", - minHeight: "3.5rem", + minHeight: "56px", iconColor: "#212124", iconColorTransitionDuration: "0s", textColor: "#212124",