fix(gui): color and layout, disable file export

gui/src-tauri/src/main.rs

@@ -44,7 +44,7 @@ async fn open_splatnet(app: tauri::AppHandle, gtoken: String) -> Option<()> {
     )
     .title("Splatnet3")
     .center()
-    .inner_size(1040.0, 960.0)
+    .inner_size(400.0, 700.0)
     .initialization_script(&format!(
         r##"
 const gtoken = "_gtoken={gtoken}";

gui/src-tauri/tauri.conf.json

@@ -84,10 +84,10 @@
         "fullscreen": false,
         "resizable": true,
         "title": "s3si.ts",
-        "width": 400,
-        "height": 400,
-        "minWidth": 320,
-        "minHeight": 400,
+        "width": 500,
+        "height": 600,
+        "minWidth": 400,
+        "minHeight": 500,
         "visible": false
       }
     ]

gui/src/components/RunPanel.tsx

@@ -30,7 +30,7 @@ export const RunPanel: React.FC<RunPanelProps> = () => {
       })
       const { state } = result;
       const newState = await run(state, {
-        exporter: "stat.ink,file",
+        exporter: "stat.ink",
         monitor: false,
         withSummary: false,
         skipMode: exportBattle === false ? 'vs' : exportCoop === false ? 'coop' : undefined,
@@ -85,7 +85,7 @@ export const LogPanel: React.FC<LogPanelProps> = ({ className }) => {
     }
   }, [renderedLogs])
 
-  return <div ref={div} className={`bg-neutral overflow-auto rounded p-4 ${className}`}>
+  return <div ref={div} className={`bg-neutral text-neutral-content overflow-auto rounded p-4 ${className}`}>
     {renderedLogs.length === 0 && <pre><code>{t('欢迎! 请点击"导出"按钮开始使用.')}</code></pre>}
     {renderedLogs.map((line, i) => <pre key={i}><code>{line}</code></pre>)}
   </div>

gui/src/pages/Home.tsx

@@ -37,13 +37,15 @@ export const Home: React.FC = () => {
 
 
   return <div className='flex p-2 w-full h-full gap-2'>
-    <div className='max-w-full md:max-w-sm flex-auto'>
-      <div className='flex flex-col gap-2'>
-        <LogPanel className='sm:hidden max-h-[10rem]' />
+    <div className='max-w-full h-full md:max-w-sm flex-auto'>
+      <div className='flex flex-col gap-2 h-full'>
+        <LogPanel className='sm:hidden flex-auto' />
         <RunPanel />
         <Link to='/settings' className='btn'>{t('设置')}</Link>
-        <a className='btn' href={STAT_INK} target='_blank' rel='noreferrer'>{t('前往 stat.ink')}</a>
-        <button className='btn' onClick={onOpenSplatnet3}>{t('打开鱿鱼圈3')}</button>
+        <div className='flex gap-2 flex-auto-all'>
+          <button className='btn' onClick={onOpenSplatnet3}>{t('打开鱿鱼圈3')}</button>
+          <a className='btn' href={STAT_INK} target='_blank' rel='noreferrer'>{t('前往 stat.ink')}</a>
+        </div>
       </div>
     </div>
     <LogPanel className='hidden sm:block flex-1' />