修改样式

src/main_window/App.jsx

@@ -51,7 +51,7 @@ class App extends React.Component {
 
     const navLinkGroups = [
       {
-        name: "Media Download",
+        name: "",
         links: [
           {
             name: "下载",

src/main_window/App.scss

@@ -5,22 +5,7 @@
   display: flex;
   flex-direction: row;
 
-  //.nav {
-  //  display: flex;
-  //  flex-direction: column;
-  //
-  //  a {
-  //    padding: 5px 10px;
-  //
-  //    &.selected {
-  //      background: #000;
-  //      color: #fff;
-  //    }
-  //  }
-  //}
-
   .main-wrapper {
-    padding: 5px;
     flex: 1;
   }
 }

src/main_window/components/Download.jsx

@@ -2,7 +2,12 @@ import React from "react";
 import "./Download.scss";
 import PropTypes from "prop-types";
 import { remote, ipcRenderer } from "electron";
-import { PrimaryButton, TextField } from "@fluentui/react";
+import {
+  PrimaryButton,
+  TextField,
+  FocusZone,
+  Separator,
+} from "@fluentui/react";
 import { ipcExec } from "../utils";
 
 class Download extends React.Component {
@@ -156,6 +161,8 @@ class Download extends React.Component {
           </div>
         </form>
 
+        <Separator>Webview</Separator>
+
         <div className="webview-container">
           <div id="videoView">webview</div>
           <div className="webview-nav">