ui: modernize UI to Mainframe design system

2026-06-17 16:58:50 +07:00
parent ba68e5c15c
commit ff47d331ae
13 changed files with 2292 additions and 1822 deletions
@@ -5,60 +5,9 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Transcript - {{ filename }}</title>
-    <style>
-      body {
-        font-family:
-          -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-        background: #f5f5f5;
-        padding: 20px;
-      }
-
-      .container {
-        max-width: 900px;
-        margin: 0 auto;
-        background: white;
-        border-radius: 10px;
-        padding: 30px;
-        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-      }
-
-      h1 {
-        color: #333;
-        margin-bottom: 10px;
-      }
-
-      .meta {
-        color: #666;
-        margin-bottom: 20px;
-        padding-bottom: 20px;
-        border-bottom: 1px solid #eee;
-      }
-
-      .transcript {
-        background: #f9f9f9;
-        padding: 20px;
-        border-radius: 8px;
-        line-height: 1.6;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-      }
-
-      .btn {
-        background: #000000;
-        color: white;
-        border: none;
-        padding: 10px 20px;
-        border-radius: 5px;
-        cursor: pointer;
-        text-decoration: none;
-        display: inline-block;
-        margin-right: 10px;
-      }
-
-      .btn:hover {
-        background: #000000;
-      }
-    </style>
+    <link rel="stylesheet" href="https://db.onlinewebfonts.com/c/5ac3fe7c6abd2f62067f266d89671492?family=HelveticaNowDisplay-Medium" />
+    <link rel="stylesheet" href="https://db.onlinewebfonts.com/c/1aa3377e489837a26d019bba501e779d?family=HelveticaNowDisplayW01-Rg" />
+    <link rel="stylesheet" href="/static/transcriptionPages/transcriptionReview.css" />
  </head>
  <body>
    <div class="container">
@@ -75,5 +24,6 @@

      <div class="transcript">{{ content }}</div>
    </div>
+    <script src="/static/transcriptionPages/transcriptionReview.js"></script>
  </body>
 </html>