chengwang96 commited on
Commit
9cdb749
·
1 Parent(s): 23c622b

update UI

Browse files
Files changed (1) hide show
  1. app.py +22 -5
app.py CHANGED
@@ -181,28 +181,36 @@ css = """
181
  margin-top: 8px;
182
  }
183
 
184
- /* 让图片和标签容器固定宽度 300px,并保持紧贴 */
185
  .image-label-container {
186
  width: 300px;
187
  margin: 0 auto;
188
- display: inline-block;
189
  position: relative;
190
  text-align: center;
 
 
191
  }
 
192
  .image-label-container .gr-image,
193
- .image-label-container .gr-image-preview {
 
194
  width: 300px !important;
195
  height: 300px !important;
196
- margin-bottom: 0 !important;
 
197
  border-radius: 10px 10px 0 0 !important;
198
  background: #fff !important;
199
  box-shadow: 0 2px 12px 0 rgba(60,64,67,.08);
 
 
200
  }
 
201
  .image-label-container .img-label-bar {
202
  width: 300px;
203
  text-align: center !important;
204
  display: block;
205
- margin: 0 auto !important;
206
  background: rgb(76, 180, 184);
207
  color: #fff;
208
  padding: 6px 0;
@@ -211,6 +219,15 @@ css = """
211
  font-size: 14px;
212
  font-weight: normal;
213
  }
 
 
 
 
 
 
 
 
 
214
  """
215
 
216
  def reset_enhance():
 
181
  margin-top: 8px;
182
  }
183
 
184
+ /* 让图片和标签容器固定宽度 300px,并紧贴无缝 */
185
  .image-label-container {
186
  width: 300px;
187
  margin: 0 auto;
188
+ display: block;
189
  position: relative;
190
  text-align: center;
191
+ padding: 0 !important;
192
+ border: none !important;
193
  }
194
+
195
  .image-label-container .gr-image,
196
+ .image-label-container .gr-image-preview,
197
+ .image-label-container img {
198
  width: 300px !important;
199
  height: 300px !important;
200
+ margin: 0 !important;
201
+ padding: 0 !important;
202
  border-radius: 10px 10px 0 0 !important;
203
  background: #fff !important;
204
  box-shadow: 0 2px 12px 0 rgba(60,64,67,.08);
205
+ display: block !important;
206
+ vertical-align: bottom !important;
207
  }
208
+
209
  .image-label-container .img-label-bar {
210
  width: 300px;
211
  text-align: center !important;
212
  display: block;
213
+ margin: 0 !important;
214
  background: rgb(76, 180, 184);
215
  color: #fff;
216
  padding: 6px 0;
 
219
  font-size: 14px;
220
  font-weight: normal;
221
  }
222
+
223
+ .image-label-container .gr-image .gr-image-img,
224
+ .image-label-container .gr-image-preview .gr-image-img,
225
+ .image-label-container img {
226
+ margin: 0 !important;
227
+ padding: 0 !important;
228
+ display: block !important;
229
+ vertical-align: bottom !important;
230
+ }
231
  """
232
 
233
  def reset_enhance():