Updated reference card widget

CSE-Archive · Oct 1, 2023 · 30ff28c · 30ff28c
1 parent 1649d43
commit 30ff28c
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 28 deletions.
diff --git a/lib/app/utils/reference_cards_builder.dart b/lib/app/utils/reference_cards_builder.dart
@@ -41,7 +41,7 @@ Widget referenceCardsBuilder({
 
   return GridView.count(
     // TODO: Card height is hard coded
-    childAspectRatio: context.responsiveCardWidth / 246,
+    childAspectRatio: context.responsiveCardWidth / 128,
     shrinkWrap: true,
     clipBehavior: Clip.none,
     mainAxisSpacing: kSizeDefault,

diff --git a/lib/app/widgets/reference_card.dart b/lib/app/widgets/reference_card.dart
@@ -28,36 +28,45 @@ class ArchiveReferenceCard extends StatelessWidget {
       padding: const EdgeInsets.all(kSizeDefault),
       onPressed: () =>
           context.go('${ArchiveRoutes.references}/${reference.uuid}'),
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        mainAxisAlignment: MainAxisAlignment.start,
-        crossAxisAlignment: CrossAxisAlignment.start,
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.center,
         children: [
-          SizedBox(
-            width: double.infinity,
-            child: Text(
-              reference.title,
-              maxLines: 1,
-              overflow: TextOverflow.ellipsis,
-              style: context.bodyLarge,
-            ),
-          ),
-          const Gap.vertical(kSizeDefault / 2),
-          SizedBox(
-            width: double.infinity,
-            child: Text(
-              reference.writers.join(', '),
-              maxLines: 1,
-              overflow: TextOverflow.ellipsis,
-              style: context.bodySmall.copyWith(
-                color: context.secondaryColor.withOpacity(0.8),
-              ),
+          Expanded(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              mainAxisAlignment: MainAxisAlignment.start,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                SizedBox(
+                  width: double.infinity,
+                  child: Text(
+                    reference.title,
+                    maxLines: 2,
+                    overflow: TextOverflow.ellipsis,
+                    style: context.bodyLarge,
+                  ),
+                ),
+                const Gap.vertical(kSizeDefault / 2),
+                SizedBox(
+                  width: double.infinity,
+                  child: Text(
+                    reference.writers.isEmpty
+                        ? '—'
+                        : reference.writers.join(', '),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    style: context.bodySmall.copyWith(
+                      color: context.secondaryColor.withOpacity(0.8),
+                    ),
+                  ),
+                ),
+              ],
             ),
           ),
-          const Gap.vertical(kSizeDefault),
+          const Gap.horizontal(kSizeDefault),
           Container(
-            width: double.infinity,
-            height: kSizeCardWidth / 2,
+            width: 6 * kSizeDefault,
+            height: 6 * kSizeDefault,
             decoration: BoxDecoration(
               image: (reference.image != null)
                   ? DecorationImage(
@@ -72,7 +81,7 @@ class ArchiveReferenceCard extends StatelessWidget {
                 : Center(
                     child: Icon(
                       ArchiveIcons.photoOff,
-                      size: 3 * kSizeDefault,
+                      size: 2 * kSizeDefault,
                       color: context.secondaryColor,
                     ),
                   ),