diff --git a/app/lib/app.dart b/app/lib/app.dart index a5d89ae6..f03a147c 100644 --- a/app/lib/app.dart +++ b/app/lib/app.dart @@ -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(), diff --git a/app/lib/widgets/src/clide_icon_rail.dart b/app/lib/widgets/src/clide_icon_rail.dart index 046b6641..e04e5e12 100644 --- a/app/lib/widgets/src/clide_icon_rail.dart +++ b/app/lib/widgets/src/clide_icon_rail.dart @@ -39,11 +39,8 @@ class _ClideIconRailState extends State { final tokens = ClideTheme.of(context).surface; return MouseRegion( onExit: (_) => setState(() => _hoveredId = null), - child: Container( + child: SizedBox( width: double.infinity, - decoration: BoxDecoration( - border: Border(top: BorderSide(color: tokens.dividerColor)), - ), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ @@ -98,7 +95,7 @@ class _RailButton extends StatelessWidget { child: GestureDetector( onTap: onTap, child: Container( - padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6), + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4), decoration: BoxDecoration( border: Border( bottom: BorderSide( @@ -109,7 +106,7 @@ class _RailButton extends StatelessWidget { ), ), ), - child: ClideIcon(item.icon, size: 16, color: color), + child: ClideIcon(item.icon, size: 14, color: color), ), ), ), diff --git a/app/lib/widgets/src/icons/phosphor.dart b/app/lib/widgets/src/icons/phosphor.dart index 0ce830c1..60960ad6 100644 --- a/app/lib/widgets/src/icons/phosphor.dart +++ b/app/lib/widgets/src/icons/phosphor.dart @@ -10,13 +10,14 @@ class PhosphorIconPainter extends ClideIconPainter { @override void paint(ui.Canvas canvas, ui.Color color) { - final builder = ui.ParagraphBuilder(ui.ParagraphStyle(fontFamily: family, fontSize: 0.88, height: 1.0)) + final builder = ui.ParagraphBuilder( + ui.ParagraphStyle(fontFamily: family, fontSize: 0.75, height: 1.0, textAlign: ui.TextAlign.center), + ) ..pushStyle(ui.TextStyle(color: color, fontFamily: family)) ..addText(String.fromCharCode(codePoint)); final paragraph = builder.build()..layout(const ui.ParagraphConstraints(width: 1.0)); - final dx = (1.0 - paragraph.maxIntrinsicWidth) / 2; final dy = (1.0 - paragraph.height) / 2; - canvas.drawParagraph(paragraph, ui.Offset(dx, dy)); + canvas.drawParagraph(paragraph, ui.Offset(0, dy)); } @override