fix: title overflow

barboraplasovska · Jul 11, 2023 · b2ec1f7 · b2ec1f7
1 parent b78c5c2
commit b2ec1f7
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/lib/pages/location_list/location_list_page.dart b/lib/pages/location_list/location_list_page.dart
@@ -44,11 +44,14 @@ class _LocationListPageState extends State<LocationListPage> {
               Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  Text(
-                    currentLocation ? "My location" : model.location.name,
-                    style: const TextStyle(
-                      fontSize: 22,
-                      fontWeight: FontWeight.w700,
+                  SizedBox(
+                    width: 200,
+                    child: Text(
+                      currentLocation ? "My location" : model.location.name,
+                      style: TextStyle(
+                        fontSize: model.location.name.length >= 20 ? 16 : 22,
+                        fontWeight: FontWeight.w700,
+                      ),
                     ),
                   ),
                   currentLocation

diff --git a/lib/pages/weather_detail/weather_detail_page.dart b/lib/pages/weather_detail/weather_detail_page.dart
@@ -96,17 +96,22 @@ class _WeatherDetailState extends State<WeatherDetail> {
       body: CustomScrollView(
         slivers: [
           SliverAppBar(
-            expandedHeight: 250.0,
+            expandedHeight: 280.0,
             backgroundColor: Theme.of(context).colorScheme.background,
             flexibleSpace: FlexibleSpaceBar(
               background: Column(
                 crossAxisAlignment: CrossAxisAlignment.center,
+                mainAxisAlignment: MainAxisAlignment.center,
                 children: [
                   Padding(
-                    padding: const EdgeInsets.only(top: 90),
+                    padding:
+                        const EdgeInsets.only(top: 90, left: 10, right: 10),
                     child: Text(
                       location.name,
-                      style: const TextStyle(fontSize: 30),
+                      style: TextStyle(
+                        fontSize: location.name.length >= 20 ? 25 : 30,
+                      ),
+                      textAlign: TextAlign.center,
                     ),
                   ),
                   Text(