From 5ae99d4b74a10bc15710f9b88bc1fd3103378693 Mon Sep 17 00:00:00 2001
From: Tiger Ren <tigeren@live.com>
Date: Tue, 7 Jan 2025 12:01:48 +0800
Subject: [PATCH] lazy load configuration button

---
 renderer/index.html | 21 +++++++++++++--------
 renderer/styles.css |  4 ++--
 2 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/renderer/index.html b/renderer/index.html
index 4f88c59..2b8378f 100644
--- a/renderer/index.html
+++ b/renderer/index.html
@@ -5,11 +5,6 @@
   <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-  <button id="config-button">
-    <i class="fas fa-cog"></i>
-    Configuration
-  </button>
-  
   <webview id="main-content" src="https://photos.onedrive.com"></webview>
   
   <div id="config-panel">
@@ -48,9 +43,19 @@
   <script>
     const { ipcRenderer } = require('electron');
 
-    // Configuration button handler
-    document.getElementById('config-button').addEventListener('click', () => {
-      ipcRenderer.send('toggle-config');
+    // Wait for webview to load
+    const webview = document.getElementById('main-content');
+    webview.addEventListener('did-finish-load', () => {
+      // Create and add the configuration button
+      const button = document.createElement('button');
+      button.id = 'config-button';
+      button.innerHTML = '<i class="fas fa-cog"></i> Configuration';
+      document.body.appendChild(button);
+
+      // Add click handler to the dynamically created button
+      button.addEventListener('click', () => {
+        ipcRenderer.send('toggle-config');
+      });
     });
 
     // Configuration panel toggle
diff --git a/renderer/styles.css b/renderer/styles.css
index e028123..938868b 100644
--- a/renderer/styles.css
+++ b/renderer/styles.css
@@ -14,7 +14,7 @@ body {
   position: fixed;
   top: 10px;
   right: 180px;
-  z-index: 1000;
+  z-index: 999;
   padding: 8px 16px;
   background: transparent;
   color: #0078d4;
@@ -50,7 +50,7 @@ body {
   padding: 0;
   box-sizing: border-box;
   transition: right 0.3s ease-in-out;
-  z-index: 1000;
+  z-index: 1001;
   font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
 }
 
