Spaces:
Runtime error
Runtime error
Update app.py
Browse files
app.py
CHANGED
|
@@ -170,22 +170,26 @@ CSS ="""
|
|
| 170 |
border-width: var(--block-border-width);
|
| 171 |
}
|
| 172 |
|
|
|
|
| 173 |
button.svelte-1lcyrx4[aria-label="user's message: a file of type image/jpeg, "] img.svelte-1pijsyv {
|
| 174 |
width: 100%;
|
| 175 |
object-fit: contain;
|
| 176 |
height: 100%;
|
|
|
|
|
|
|
| 177 |
}
|
| 178 |
|
| 179 |
/* Đặt chiều cao cho nút và cho phép chọn văn bản chỉ cho các nút có aria-label chỉ định */
|
| 180 |
button.svelte-1lcyrx4[aria-label="user's message: a file of type image/jpeg, "] {
|
| 181 |
user-select: text;
|
| 182 |
text-align: left;
|
| 183 |
-
height:
|
| 184 |
}
|
| 185 |
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
|
|
|
| 189 |
}
|
| 190 |
|
| 191 |
"""
|
|
|
|
| 170 |
border-width: var(--block-border-width);
|
| 171 |
}
|
| 172 |
|
| 173 |
+
/* Đảm bảo ảnh bên trong nút hiển thị đúng cách cho các nút có aria-label chỉ định */
|
| 174 |
button.svelte-1lcyrx4[aria-label="user's message: a file of type image/jpeg, "] img.svelte-1pijsyv {
|
| 175 |
width: 100%;
|
| 176 |
object-fit: contain;
|
| 177 |
height: 100%;
|
| 178 |
+
border-radius: 13px; /* Thêm bo góc cho ảnh */
|
| 179 |
+
max-width: 50vw; /* Giới hạn chiều rộng ảnh */
|
| 180 |
}
|
| 181 |
|
| 182 |
/* Đặt chiều cao cho nút và cho phép chọn văn bản chỉ cho các nút có aria-label chỉ định */
|
| 183 |
button.svelte-1lcyrx4[aria-label="user's message: a file of type image/jpeg, "] {
|
| 184 |
user-select: text;
|
| 185 |
text-align: left;
|
| 186 |
+
height: 300px;
|
| 187 |
}
|
| 188 |
|
| 189 |
+
/* Thêm bo góc và giới hạn chiều rộng cho ảnh không thuộc avatar container */
|
| 190 |
+
.message-wrap.svelte-1lcyrx4 > div.svelte-1lcyrx4 .svelte-1lcyrx4:not(.avatar-container) img {
|
| 191 |
+
border-radius: 13px;
|
| 192 |
+
max-width: 50vw;
|
| 193 |
}
|
| 194 |
|
| 195 |
"""
|