diff --git a/lib/pages/analytics/modules/air_quality/views/air_quality_view.dart b/lib/pages/analytics/modules/air_quality/views/air_quality_view.dart index 8844eb9f..ef2b8f51 100644 --- a/lib/pages/analytics/modules/air_quality/views/air_quality_view.dart +++ b/lib/pages/analytics/modules/air_quality/views/air_quality_view.dart @@ -3,8 +3,57 @@ import 'package:flutter/material.dart'; class AirQualityView extends StatelessWidget { const AirQualityView({super.key}); + static const _padding = EdgeInsetsDirectional.all(32); + @override Widget build(BuildContext context) { - return const Placeholder(); + return LayoutBuilder( + builder: (context, constraints) { + final isMediumOrLess = constraints.maxWidth <= 900; + final height = MediaQuery.sizeOf(context).height; + if (isMediumOrLess) { + return SingleChildScrollView( + padding: _padding, + child: Column( + spacing: 32, + children: [ + SizedBox(height: height * 1.2, child: const Placeholder()), + SizedBox(height: height * 0.5, child: const Placeholder()), + SizedBox(height: height * 0.5, child: const Placeholder()), + ], + ), + ); + } + + return SingleChildScrollView( + child: Container( + padding: _padding, + height: height * 1, + child: const Column( + children: [ + Expanded( + child: Row( + spacing: 32, + children: [ + Expanded( + flex: 2, + child: Column( + spacing: 20, + children: [ + Expanded(child: Placeholder()), + Expanded(child: Placeholder()), + ], + ), + ), + Expanded(child: Placeholder()), + ], + ), + ), + ], + ), + ), + ); + }, + ); } }