Merge pull request #203 from FlutterKaigi/feature/adjust-markdownBody…

…-layout MarkdownBody のスタイルを調整
FlutterKaigi · Oct 3, 2023 · fb84d73 · fb84d73
2 parents 58167e0 + 9f50709
commit fb84d73
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/lib/features/session/ui/detail/session_detail_content.dart b/lib/features/session/ui/detail/session_detail_content.dart
@@ -110,6 +110,11 @@ class SessionDetailContent extends StatelessWidget {
       ],
     );
 
+    final hPadding = EdgeInsets.only(
+      top: contentGap,
+      bottom: contentGap / 2,
+    );
+
     final body = DecoratedBox(
       decoration: BoxDecoration(
         color: Colors.black.withOpacity(0.35),
@@ -163,9 +168,19 @@ class SessionDetailContent extends StatelessWidget {
             profileBody,
             contentVerticalGap,
             Divider(color: baselineColorScheme.ref.secondary.secondary50),
-            contentVerticalGap,
             MarkdownBody(
               data: session.abstract,
+              styleSheet: MarkdownStyleSheet.fromTheme(theme).copyWith(
+                p: textTheme.bodyLarge,
+                pPadding: const EdgeInsets.symmetric(vertical: 8),
+                h1: textTheme.headlineLarge,
+                h1Padding: hPadding,
+                h2: textTheme.headlineMedium,
+                h2Padding: hPadding,
+                h3: textTheme.headlineSmall,
+                h3Padding: hPadding,
+                blockSpacing: 8,
+              ),
               softLineBreak: true,
             ),
           ],