Upload 391 files

app/components/sd/sd.tsx

@@ -37,6 +37,7 @@ import { SideBar } from "./sd-sidebar";
 import { WindowContent } from "@/app/components/home";
 import { params } from "./sd-panel";
 import clsx from "clsx";
+import Image from "next/image";
 
 function getSdTaskStatus(item: any) {
   let s: string;
@@ -101,7 +102,7 @@ export function Sd() {
 
   useEffect(() => {
     setSdImages(sdStore.draw);
-  }, [sdStore.currentId]);
+  }, [sdStore.currentId, sdStore.draw]);
 
   return (
     <>
@@ -162,23 +163,27 @@ export function Sd() {
                       className={styles["sd-img-item"]}
                     >
                       {item.status === "success" ? (
-                        <img
-                          className={styles["img"]}
-                          src={item.img_data}
-                          alt={item.id}
-                          onClick={(e) =>
-                            showImageModal(
-                              item.img_data,
-                              true,
-                              isMobileScreen
-                                ? { width: "100%", height: "fit-content" }
-                                : { maxWidth: "100%", maxHeight: "100%" },
-                              isMobileScreen
-                                ? { width: "100%", height: "fit-content" }
-                                : { width: "100%", height: "100%" },
-                            )
-                          }
-                        />
+                        <div style={{ position: 'relative', width: '100%', height: '100%' }} className={styles["img-container"]}>
+                          <Image
+                            className={styles["img"]}
+                            src={item.img_data}
+                            alt={item.id}
+                            layout="fill"
+                            objectFit="contain"
+                            onClick={(e) =>
+                              showImageModal(
+                                item.img_data,
+                                true,
+                                isMobileScreen
+                                  ? { width: "100%", height: "fit-content" }
+                                  : { maxWidth: "100%", maxHeight: "100%" },
+                                isMobileScreen
+                                  ? { width: "100%", height: "fit-content" }
+                                  : { width: "100%", height: "100%" },
+                              )
+                            }
+                          />
+                        </div>
                       ) : item.status === "error" ? (
                         <div className={styles["pre-img"]}>
                           <ErrorIcon />

app/locales/cn.ts

@@ -541,6 +541,7 @@ const cn = {
         Fetch: "获取模型列表",
         Success: "成功获取列表。",
         NoModels: "未找到模型。",
+        Failed: "获取模型列表失败。",
       },
     },
 

app/locales/en.ts

@@ -525,6 +525,7 @@ const en: LocaleType = {
         Fetch: "Fetch Models",
         Success: "Fetched successfully.",
         NoModels: "No models found.",
+        Failed: "Failed to fetch models.",
       },
       Google: {
         ApiKey: {