fix bottom strip: icon sizing, rail padding, status alignment

Phosphor icons: reduced font size from 0.88 to 0.75 in unit space
and center-aligned paragraph to prevent horizontal stretching.
Icon rail: removed top border, tightened padding (10h/4v from
12h/6v), reduced icon size to 14px to fit the 26px strip. Status
bar: added horizontal padding and vertical center alignment.
Bottom strip row: added top border, crossAxisAlignment.stretch
so all three sections fill the height uniformly. Default app font
bumped from 14 to 15px.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-22 23:48:45 +02:00
co-authored by Claude Opus 4.6
parent a22bbfbe8d
commit 3cde60dfcc
3 changed files with 14 additions and 11 deletions
+7 -2
View File
@@ -70,7 +70,7 @@ class _RootShellState extends State<_RootShell> {
return DefaultTextStyle(
style: TextStyle(
color: tokens.globalForeground,
fontSize: 14,
fontSize: 15,
fontWeight: clideUiDefaultWeight,
fontFamily: clideUiFamily,
fontFamilyFallback: clideUiFamilyFallback,
@@ -171,9 +171,11 @@ class RootLayout extends StatelessWidget {
),
),
if (statusVisible)
SizedBox(
Container(
height: statusHeight,
decoration: BoxDecoration(border: Border(top: BorderSide(color: ClideTheme.of(ctx).surface.dividerColor))),
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
if (sidebarVisible && !sidebarCollapsed)
SizedBox(width: sidebarSize, child: _BottomRail(slot: Slots.sidebar))
@@ -487,7 +489,10 @@ class StatusbarHost extends StatelessWidget {
final right = items.where((i) => i.priority >= 100).toList();
return Container(
color: tokens.statusBarBackground,
padding: const EdgeInsets.symmetric(horizontal: 8),
alignment: Alignment.center,
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
for (final item in left) item.build(ctx),
const Spacer(),