Fix: meeting design fixed

Author: gusrns48

src/views/meeting/components/MindMapComponent.tsx

@@ -44,22 +44,13 @@ const MindMapComponent = () => {
             13:28
           </div>
           <div>
-            <button onClick={toggleListening}>{isRecording ? "정지" : "시작"}</button>
             {isRecording && !isPaused && (
-              <button onClick={pauseRecording}>⏸️ 일시정지</button>
+              <button onClick={pauseRecording}>⏸️</button>
             )}
             {isRecording && isPaused && (
               <button onClick={resumeRecording}>▶️ 재개</button>
             )}
-
-            <p>인식된 텍스트: {transcript}</p>
-
-            {audioUrl && (
-              <>
-                <p>✅ 녹음 완료됨</p>
-                <audio src={audioUrl} controls />
-              </>
-            )}
+            <button onClick={toggleListening}>{isRecording ? "정지" : "시작"}</button>
           </div>
         </div>
       </div>

src/views/meeting/style/mind-map.sass

@@ -17,12 +17,23 @@
     bottom: 117px
     border-radius: 16px
     background-color: $gray-50
-    left: 50%;
+    left: 50%
     transform: translate(-50%, -50%)
 
     .record-length-wrap
-      +flex-box(center, center, 4.86px)
+      +flex-box(center, center, 10px)
 
-      .box
-        +size(5.5px, 13px)
-        background-color: $gray-300
+      .box-wrap
+        +flex-box(center, center, 4.86px)
+
+        .box
+          +size(5.5px, 13px)
+          background-color: $gray-300
+
+        .red
+          background-color: #F05B56
+
+      .box-time
+        color: #505457
+        font-weight: 500
+        line-height: 21px