improve downloads section again

src/ui/App.tsx

@@ -35,7 +35,7 @@ async function TESTDOWNLOAD() {
   download(
     'https://github.com/Grasscutters/Grasscutter/archive/refs/heads/stable.zip',
     'grasscutter.zip',
-    'S:/Cultivation'
+    'C:\\Users\\spike\\Documents\\dev\\Cultivation'
   )
 }
 

src/ui/components/common/DownloadSection.css

@@ -0,0 +1,12 @@
+.DownloadSection span {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+
+  width: 100%;
+}
+
+.DownloadSection {
+  overflow: hidden;
+  width: 100%;
+}

src/ui/components/common/DownloadSection.tsx

@@ -14,10 +14,14 @@ export default class MiniDialog extends React.Component<IProps, never> {
     super(props)
   }
 
+  getFilenameFromPath() {
+    return this.props.downloadName.split('/').pop()
+  }
+
   render() {
     return (
       <div className="DownloadSection">
-        <span>{this.props.downloadName} - {this.props.downloadManager.getDownloadSize(this.props.downloadName)}</span>
+        <span>{this.getFilenameFromPath()} - {this.props.downloadManager.getDownloadSize(this.props.downloadName)}</span>
         <div className="DownloadSectionInner">
           <ProgressBar path={this.props.downloadName} downloadManager={this.props.downloadManager} />
         </div>