Spaces:
Sleeping
Sleeping
chengwang96 commited on
Commit ·
9cdb749
1
Parent(s): 23c622b
update UI
Browse files
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:
|
| 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
|
|
|
|
| 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
|
| 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():
|