From c6b94e372b16cbc4e1403aeea99579a88585d981 Mon Sep 17 00:00:00 2001
From: Will Miao <13051207myq@gmail.com>
Date: Mon, 27 Jan 2025 16:19:17 +0800
Subject: [PATCH] Fix

---
 static/css/style.css | 18 ++++++++++++++++++
 static/js/script.js  |  7 +++++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 3824ce19..a19e720e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -417,4 +417,22 @@ body.modal-open {
     gap: var(--space-1);
     align-items: flex-end; /* 将图标靠下对齐 */
     align-self: flex-end; /* 将整个actions容器靠下对齐 */
+}
+
+.model-link {
+    margin-top: var(--space-1);
+}
+
+.model-link a {
+    color: #34b4eb;
+    text-decoration: none;
+    font-size: 1.3em;
+    opacity: 0.9;
+    transition: opacity 0.2s;
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+}
+
+.model-link a:hover {
+    opacity: 1;
+    text-decoration: underline;
 }
\ No newline at end of file
diff --git a/static/js/script.js b/static/js/script.js
index 599197fd..51aca65c 100644
--- a/static/js/script.js
+++ b/static/js/script.js
@@ -178,6 +178,9 @@ function showModal(lora) {
         ${lora.images.map(img => img.type === 'video' ? `<video controls autoplay muted loop><source src="${img.url}" type="video/mp4">Your browser does not support the video tag.</video>` : `<img src="${img.url}" alt="Preview">`).join('')}
       </div>
       <div class="description">About this version: ${lora.description ? lora.description : 'N/A'}</div>
+      <div class="model-link">
+        <a href="https://civitai.com/models/${lora.modelId}?modelVersionId=${lora.id}" target="_blank">more details on CivitAI</a>
+      </div>
       <button class="close" onclick="closeModal()">&times;</button>
     </div>
   `;
@@ -268,14 +271,14 @@ function toggleFolder(element) {
 
 // 主题切换
 function toggleTheme() {
-  const theme = document.body.dataset.theme || 'light';
+  const theme = document.body.dataset.theme || 'dark';
   document.body.dataset.theme = theme === 'light' ? 'dark' : 'light';
   localStorage.setItem('theme', document.body.dataset.theme);
 }
 
 // 初始化主题
 function initTheme() {
-  const savedTheme = localStorage.getItem('theme') || 'light';
+  const savedTheme = localStorage.getItem('theme') || 'dark';
   document.body.dataset.theme = savedTheme;
 }