- fixed minor layout and text overflowing

RyanYuuki · Oct 1, 2024 · 31d602e · 31d602e
1 parent c08c4c0
commit 31d602e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/lib/components/character_cards.dart b/lib/components/character_cards.dart
@@ -7,7 +7,6 @@ class CharacterCards extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    ColorScheme customScheme = Theme.of(context).colorScheme;
     if (carouselData == null || carouselData!.isEmpty) {
       return Container();
     }
@@ -19,13 +18,12 @@ class CharacterCards extends StatelessWidget {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             const SizedBox(height: 10),
-            Text(
+            const Text(
               'Characters',
               style: TextStyle(
                 fontSize: 22,
                 fontFamily: 'Poppins',
                 fontWeight: FontWeight.bold,
-                color: customScheme.primary,
               ),
             ),
             const SizedBox(height: 15),
@@ -72,18 +70,19 @@ class CharacterCards extends StatelessWidget {
                             children: [
                               Text(
                                 title.toString(),
-                                style: const TextStyle(fontSize: 14),
+                                style: const TextStyle(fontSize: 12),
                                 textAlign: TextAlign.left,
                                 maxLines: 1,
                                 overflow: TextOverflow.ellipsis,
                               ),
                               const SizedBox(height: 3),
                               Align(
                                 alignment: Alignment.bottomRight,
-                                child: Text('- $role',
-                                    style: const TextStyle(
+                                child: Text(role,
+                                    style: TextStyle(
                                         fontSize: 12,
-                                        fontStyle: FontStyle.italic),
+                                        fontStyle: FontStyle.italic,
+                                        color: Theme.of(context).colorScheme.onSurface.withOpacity(0.7)),
                                     textAlign: TextAlign.right),
                               ),
                             ],
@@ -101,21 +100,20 @@ class CharacterCards extends StatelessWidget {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             const SizedBox(height: 10),
-            Text(
+            const Text(
               'Voice Actors',
               style: TextStyle(
                 fontSize: 22,
                 fontFamily: 'Poppins',
                 fontWeight: FontWeight.bold,
-                color: customScheme.primary,
               ),
             ),
             const SizedBox(height: 15),
             SizedBox(
               height: 220,
               child: InfiniteCarousel.builder(
                 itemCount: carouselData!.length,
-                itemExtent: MediaQuery.of(context).size.width / 3,
+                itemExtent: MediaQuery.of(context).size.width / 3.3,
                 center: false,
                 anchor: 0.0,
                 loop: false,
@@ -150,7 +148,9 @@ class CharacterCards extends StatelessWidget {
                             child: Text(title.toString(),
                                 maxLines: 1,
                                 overflow: TextOverflow.ellipsis,
-                                style: Theme.of(context).textTheme.bodyLarge,
+                                style: const TextStyle(
+                                  fontSize: 12,
+                                ),
                                 textAlign: TextAlign.center),
                           )
                         ],

diff --git a/lib/components/homepage/manga_homepage_carousel.dart b/lib/components/homepage/manga_homepage_carousel.dart
@@ -78,7 +78,7 @@ class MangaHomepageCarousel extends StatelessWidget {
               log(itemData.toString());
               final String posterUrl = itemData['poster'] ?? '??';
               final tagg = itemData.toString() + tag!;
-              String extraData = itemData['currentChapter'] ?? '??';
+              String? extraData = itemData['currentChapter']!.toString().length > 20 ? itemData['currentChapter']?.toString().substring(0,20) : itemData['currentChapter']?.toString() ?? '??';
 
               return Padding(
                 padding: const EdgeInsets.only(right: 8.0),
@@ -205,7 +205,7 @@ class MangaHomepageCarousel extends StatelessWidget {
                                             const Color(0xffe2e2e2)
                                         ? Colors.black
                                         : Colors.white,
-                                name: extraData,
+                                name: extraData!,
                                 isVertical: false,
                                 borderRadius: BorderRadius.circular(5),
                                 backgroundColor: Theme.of(context)