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..2d31b7889 --- /dev/null +++ b/.changeset/unify-basic-ui-app-bar-height.md @@ -0,0 +1,5 @@ +--- +"@stackflow/plugin-basic-ui": minor +--- + +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 00b9bd845..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", @@ -106,8 +106,6 @@ const cupertinoValues: GlobalVars = { defaultTransitionOffSet: "100%", appBar: { ...androidValues.appBar, - height: "2.75rem", - minHeight: "2.75rem", borderSize: "0.5px", lineHeight: "normal", },