Feat/register upload style (#6)

* style-change * radio set to center --------- Co-authored-by: huxiaoyan <[email protected]>
ProductLoft · Mar 28, 2024 · 5816305 · 5816305
1 parent d6cb4db
commit 5816305
Showing 1 changed file with 47 additions and 28 deletions.
diff --git a/lib/pages/recording_page.dart b/lib/pages/recording_page.dart
@@ -122,26 +122,39 @@ class _RecordingPageState extends State<RecordingPage> {
                 //   showInsights = true;
                 // });
               },
-              child: Column(mainAxisSize: MainAxisSize.min, children: [
-                Row(
-                    mainAxisSize: MainAxisSize.max,
-                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                    children: <Widget>[
-                      Padding(
-                          padding: const EdgeInsets.all(16.0),
-                          // Example: 16 pixels on all sides
-                          child: Column(
-                              children: [
+              child: Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Padding(
+                      padding: EdgeInsets.all(16.0),
+                      child: Container(
+                        child: Column(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          crossAxisAlignment: CrossAxisAlignment.stretch,
+                          children:[
                             Text("You said: ${speakerTurnStart['original_sentence']}"),
                             Text("Improved Sentence: ${speakerTurnStart['improved_sentence']}"),
-                                CustomAudioPlayer(
-                                  source: '$insightsDirPath/${speakerTurnStart['file_name']}',
-                                  onDelete: () {},
-                                )
-                            // Text(previousRecording.comment),
-                          ])),
-                    ])
-              ])),
+                            Container(
+                              padding: EdgeInsets.only(top: 10.0),
+                              child: Row(
+                                mainAxisAlignment: MainAxisAlignment.center,
+                                children:[
+                                  CustomAudioPlayer(
+                                    source: '$insightsDirPath/${speakerTurnStart['file_name']}',
+                                    onDelete: () {},
+                                  )
+                                ]
+                              ),
+                            )
+                          ]
+                        )
+                      ),
+                    ),
+                  ),
+                ]
+              )
+          ),
         ),
       );
       // insights.add(Text('Speaker Turn: $speakerTurn'));
@@ -167,16 +180,22 @@ class _RecordingPageState extends State<RecordingPage> {
           ),
         ),
       ),
-      CustomAudioPlayer(
-        source: audioRecord?.path ?? 'Audio Not Found',
-        onDelete: () {
-          // TODO modal confirmation on Delete
-          AudioRecordingProvider().deleteRecording(showInsightsRecordId);
-          setState(() {
-            refreshRecordings = true;
-            showInsights = false;
-          });
-        },
+      Row(
+        mainAxisSize: MainAxisSize.max,
+        mainAxisAlignment: MainAxisAlignment.center,
+        children:[
+          CustomAudioPlayer(
+            source: audioRecord?.path ?? 'Audio Not Found',
+            onDelete: () {
+              // TODO modal confirmation on Delete
+              AudioRecordingProvider().deleteRecording(showInsightsRecordId);
+              setState(() {
+                refreshRecordings = true;
+                showInsights = false;
+              });
+            },
+          ),
+        ]
       ),
       Column(children: [
         FutureBuilder<List<Widget>>(