대학연결

lib/common/widgets/course_card.dart

@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:csp2/course.dart';
+class CourseCard extends StatelessWidget {
+  final Course course;
+
+  const CourseCard({super.key, required this.course});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 150, // 각 항목의 너비
+      margin: const EdgeInsets.only(right: 12.0),
+      padding: const EdgeInsets.all(8.0), // 내부 패딩 추가
+      decoration: BoxDecoration(
+        color: Theme.of(context).cardColor, // 카드 배경색
+        borderRadius: BorderRadius.circular(12.0), // 둥근 모서리
+        boxShadow: [
+          BoxShadow(
+            color: Colors.grey.withOpacity(0.2), // 그림자 색상
+            spreadRadius: 1,
+            blurRadius: 4,
+            offset: const Offset(0, 2), // 그림자 위치
+          ),
+        ],
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          ClipRRect(
+            borderRadius: BorderRadius.circular(8.0),
+
+            child: Image.network(
+              course.affiliateOrgIcon,
+              width: double.infinity, // 가로 사이즈에 비례하여 채우도록 변경
+              height: 100,
+              fit: BoxFit.contain,
+            ),
+          ),
+          const SizedBox(height: 8.0),
+          Text(
+            course.affiliateName,
+            style: const TextStyle(fontWeight: FontWeight.bold),
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          ),
+          Text(
+            course.affiliateDescription,
+            style: const TextStyle(color: Colors.grey),
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/common/widgets/upcoming_class_card.dart

@@ -14,39 +14,18 @@ class UpcomingClassCard extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return SizedBox(
-      width: 300, // 각 항목의 너비를 지정합니다.
+      width: MediaQuery.of(context).size.width / 2, // 화면 너비의 절반으로 설정
       child: InkWell(
         onTap: onTap,
         child: Card(
           margin: const EdgeInsets.only(right: 12.0), // 항목 간의 간격 조정
           elevation: 2.0,
-          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0)),
           child: Padding(
-            padding: const EdgeInsets.all(12.0),
+            padding: const EdgeInsets.all(5.0),
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: <Widget>[
-                Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: <Widget>[
-                    Expanded(
-                      child: Text(
-                        plan.planTitle,
-                        style: Theme.of(context).textTheme.titleMedium?.copyWith(fontWeight: FontWeight.bold),
-                        overflow: TextOverflow.ellipsis,
-                        maxLines: 2,
-                      ),
-                    ),
-                    const SizedBox(width: 8.0),
-                    Text(
-                      // plan.planTeacher,
-                      "",
-                      style: Theme.of(context).textTheme.bodySmall?.copyWith(color: Colors.grey[600]),
-                    ),
-                  ],
-                ),
-                const SizedBox(height: 8.0),
                 if (plan.thumbnail.isNotEmpty)
                   Expanded(
                     child: ClipRRect(
@@ -54,7 +33,7 @@ class UpcomingClassCard extends StatelessWidget {
                       child: Image.network(
                         plan.thumbnail,
                         width: double.infinity,
-                        fit: BoxFit.cover,
+                        fit: BoxFit.contain,
                         loadingBuilder: (BuildContext context, Widget child, ImageChunkEvent? loadingProgress) {
                           if (loadingProgress == null) return child;
                           return Center(
@@ -74,10 +53,34 @@ class UpcomingClassCard extends StatelessWidget {
                 else
                   Expanded(
                     child: Container(
-                      color: Colors.grey[200],
-                      child: const Center(child: Text('No Image', style: TextStyle(color: Colors.grey)))
+                        color: Colors.grey[200],
+                        child: const Center(child: Text('No Image', style: TextStyle(color: Colors.grey)))
                     ),
                   ),
+                // const SizedBox(height: 5.0),
+                SizedBox(
+                  height: 70, // 텍스트 영역의 고정 높이 설정 (두 줄 텍스트를 위한 충분한 공간)
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      SizedBox(
+                        height: 48.0, // plan.planTitle이 항상 두 줄 공간을 차지하도록 고정
+                        child: Text(
+                          plan.planTitle,
+                          style: Theme.of(context).textTheme.titleMedium?.copyWith(fontWeight: FontWeight.bold),
+                          overflow: TextOverflow.ellipsis,
+                          maxLines: 2,
+                        ),
+                      ),
+                      const SizedBox(height: 4.0),
+                      Text(
+                        plan.planTeacher,
+                        style: Theme.of(context).textTheme.bodySmall?.copyWith(color: Colors.grey[600]),
+                        maxLines: 1,
+                      ),
+                    ],
+                  ),
+                ),
               ],
             ),
           ),