diff --git a/b0esche_cloud/lib/pages/home_page.dart b/b0esche_cloud/lib/pages/home_page.dart index c06acd4..75815ed 100644 --- a/b0esche_cloud/lib/pages/home_page.dart +++ b/b0esche_cloud/lib/pages/home_page.dart @@ -258,7 +258,9 @@ class _HomePageState extends State with TickerProviderStateMixin { _animationController.reverse(); } return Padding( - padding: const EdgeInsets.only(top: 42.0), + padding: EdgeInsets.only( + top: MediaQuery.of(context).size.width < 600 ? 60.0 : 78.0, + ), child: AnimatedContainer( duration: const Duration(milliseconds: 350), curve: Curves.easeInOut, @@ -468,21 +470,27 @@ class _HomePageState extends State with TickerProviderStateMixin { left: 0, right: 0, child: Center( - child: Text( - 'b0esche.cloud', - style: TextStyle( - fontFamily: 'PixelatedElegance', - fontSize: 48, - color: AppTheme.primaryText, - decoration: TextDecoration.underline, - decorationColor: AppTheme.primaryText, - fontFeatures: const [FontFeature.slashedZero()], - ), + child: Builder( + builder: (context) { + final screenWidth = MediaQuery.of(context).size.width; + final fontSize = screenWidth < 600 ? 24.0 : 48.0; + return Text( + 'b0esche.cloud', + style: TextStyle( + fontFamily: 'PixelatedElegance', + fontSize: fontSize, + color: AppTheme.primaryText, + decoration: TextDecoration.underline, + decorationColor: AppTheme.primaryText, + fontFeatures: const [FontFeature.slashedZero()], + ), + ); + }, ), ), ), Positioned( - top: 10, + top: MediaQuery.of(context).size.width < 600 ? 40 : 10, right: 20, child: BlocBuilder( builder: (context, state) {