486CHD commited on
Commit
a5e2a49
·
verified ·
1 Parent(s): 0ab1856

Upload 13 files

Browse files
Files changed (2) hide show
  1. index.html +9 -6
  2. style.css +2 -2
index.html CHANGED
@@ -22,7 +22,7 @@
22
  }
23
 
24
  header {
25
- margin-top: 160px; /* 为输入区留空间 */
26
  }
27
 
28
  .history-container {
@@ -31,13 +31,13 @@
31
 
32
  /* 调整输入区内部布局 */
33
  .control-bar {
34
- max-width: 1200px;
35
  margin: 0 auto;
36
  padding: 12px 20px !important;
37
  }
38
 
39
  .preview-bar {
40
- max-width: 1200px;
41
  margin: 0 auto;
42
  padding: 0 20px;
43
  }
@@ -48,7 +48,7 @@
48
 
49
  /* 动态调整header间距 */
50
  .has-preview header {
51
- margin-top: 320px;
52
  }
53
 
54
  @media (max-width: 768px) {
@@ -1627,7 +1627,7 @@
1627
  const requestBody = {
1628
  prompt: prompt,
1629
  images: AppState.currentImages,
1630
- preferUrl: false,
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 = await ImageHandler.createThumbnail(imageSrc, thumbWidth, thumbQuality);
 
 
 
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: 1200px;
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%;