Spaces:
Runtime error
Runtime error
Upload 13 files
Browse files- index.html +9 -6
- style.css +2 -2
index.html
CHANGED
|
@@ -22,7 +22,7 @@
|
|
| 22 |
}
|
| 23 |
|
| 24 |
header {
|
| 25 |
-
margin-top:
|
| 26 |
}
|
| 27 |
|
| 28 |
.history-container {
|
|
@@ -31,13 +31,13 @@
|
|
| 31 |
|
| 32 |
/* 调整输入区内部布局 */
|
| 33 |
.control-bar {
|
| 34 |
-
max-width:
|
| 35 |
margin: 0 auto;
|
| 36 |
padding: 12px 20px !important;
|
| 37 |
}
|
| 38 |
|
| 39 |
.preview-bar {
|
| 40 |
-
max-width:
|
| 41 |
margin: 0 auto;
|
| 42 |
padding: 0 20px;
|
| 43 |
}
|
|
@@ -48,7 +48,7 @@
|
|
| 48 |
|
| 49 |
/* 动态调整header间距 */
|
| 50 |
.has-preview header {
|
| 51 |
-
margin-top:
|
| 52 |
}
|
| 53 |
|
| 54 |
@media (max-width: 768px) {
|
|
@@ -1627,7 +1627,7 @@
|
|
| 1627 |
const requestBody = {
|
| 1628 |
prompt: prompt,
|
| 1629 |
images: AppState.currentImages,
|
| 1630 |
-
preferUrl:
|
| 1631 |
imageSize: '4K'
|
| 1632 |
};
|
| 1633 |
|
|
@@ -1653,7 +1653,10 @@
|
|
| 1653 |
const imageUrl = data.imageUrl || (imageSrc && !imageSrc.startsWith('data:image') ? imageSrc : null);
|
| 1654 |
const thumbWidth = Device.isMobile ? 480 : 768;
|
| 1655 |
const thumbQuality = Device.isMobile ? 0.7 : 0.76;
|
| 1656 |
-
let thumb =
|
|
|
|
|
|
|
|
|
|
| 1657 |
|
| 1658 |
const newItem = {
|
| 1659 |
id: `temp-${Date.now()}`,
|
|
|
|
| 22 |
}
|
| 23 |
|
| 24 |
header {
|
| 25 |
+
margin-top: 130px; /* 为输入区留空间 */
|
| 26 |
}
|
| 27 |
|
| 28 |
.history-container {
|
|
|
|
| 31 |
|
| 32 |
/* 调整输入区内部布局 */
|
| 33 |
.control-bar {
|
| 34 |
+
max-width: 1320px;
|
| 35 |
margin: 0 auto;
|
| 36 |
padding: 12px 20px !important;
|
| 37 |
}
|
| 38 |
|
| 39 |
.preview-bar {
|
| 40 |
+
max-width: 1320px;
|
| 41 |
margin: 0 auto;
|
| 42 |
padding: 0 20px;
|
| 43 |
}
|
|
|
|
| 48 |
|
| 49 |
/* 动态调整header间距 */
|
| 50 |
.has-preview header {
|
| 51 |
+
margin-top: 280px;
|
| 52 |
}
|
| 53 |
|
| 54 |
@media (max-width: 768px) {
|
|
|
|
| 1627 |
const requestBody = {
|
| 1628 |
prompt: prompt,
|
| 1629 |
images: AppState.currentImages,
|
| 1630 |
+
preferUrl: Device.isMobile,
|
| 1631 |
imageSize: '4K'
|
| 1632 |
};
|
| 1633 |
|
|
|
|
| 1653 |
const imageUrl = data.imageUrl || (imageSrc && !imageSrc.startsWith('data:image') ? imageSrc : null);
|
| 1654 |
const thumbWidth = Device.isMobile ? 480 : 768;
|
| 1655 |
const thumbQuality = Device.isMobile ? 0.7 : 0.76;
|
| 1656 |
+
let thumb = null;
|
| 1657 |
+
if (!Device.isMobile) {
|
| 1658 |
+
thumb = await ImageHandler.createThumbnail(imageSrc, thumbWidth, thumbQuality);
|
| 1659 |
+
}
|
| 1660 |
|
| 1661 |
const newItem = {
|
| 1662 |
id: `temp-${Date.now()}`,
|
style.css
CHANGED
|
@@ -155,8 +155,8 @@ body {
|
|
| 155 |
}
|
| 156 |
|
| 157 |
/* --- Layout --- */
|
| 158 |
-
.app-container {
|
| 159 |
-
max-width:
|
| 160 |
margin: 0 auto;
|
| 161 |
width: 100%;
|
| 162 |
height: 100%;
|
|
|
|
| 155 |
}
|
| 156 |
|
| 157 |
/* --- Layout --- */
|
| 158 |
+
.app-container {
|
| 159 |
+
max-width: 1320px;
|
| 160 |
margin: 0 auto;
|
| 161 |
width: 100%;
|
| 162 |
height: 100%;
|