Update app.py
Browse files
app.py
CHANGED
|
@@ -41,7 +41,34 @@ def run(file):
|
|
| 41 |
return out_img, out_json
|
| 42 |
|
| 43 |
|
| 44 |
-
with gr.Blocks(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 45 |
gr.Markdown(
|
| 46 |
"""
|
| 47 |
# Floor Plan Recognition
|
|
@@ -83,7 +110,8 @@ with gr.Blocks() as demo:
|
|
| 83 |
|
| 84 |
api_prompt = gr.HTML(
|
| 85 |
visible=True,
|
| 86 |
-
value="""<div class="
|
|
|
|
| 87 |
<a href='https://rapidapi.com/akashdev2016/api/floor-plan-digitalization' target='_blank' class="api-button">
|
| 88 |
<h3>π Use an free API</h3>
|
| 89 |
</a>
|
|
|
|
| 41 |
return out_img, out_json
|
| 42 |
|
| 43 |
|
| 44 |
+
with gr.Blocks(css="""
|
| 45 |
+
.custom-container {
|
| 46 |
+
background-color: #f9f9f9;
|
| 47 |
+
padding: 20px;
|
| 48 |
+
border: 2px solid #ccc;
|
| 49 |
+
border-radius: 10px;
|
| 50 |
+
max-width: 500px;
|
| 51 |
+
margin: auto;
|
| 52 |
+
font-family: Arial, sans-serif;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
.custom-container p {
|
| 56 |
+
font-size: 16px;
|
| 57 |
+
color: #333;
|
| 58 |
+
margin-bottom: 10px;
|
| 59 |
+
}
|
| 60 |
+
|
| 61 |
+
.custom-container a {
|
| 62 |
+
font-size: 16px;
|
| 63 |
+
color: #007BFF;
|
| 64 |
+
text-decoration: none;
|
| 65 |
+
font-weight: bold;
|
| 66 |
+
}
|
| 67 |
+
|
| 68 |
+
.custom-container a:hover {
|
| 69 |
+
text-decoration: underline;
|
| 70 |
+
}
|
| 71 |
+
""") as demo:
|
| 72 |
gr.Markdown(
|
| 73 |
"""
|
| 74 |
# Floor Plan Recognition
|
|
|
|
| 110 |
|
| 111 |
api_prompt = gr.HTML(
|
| 112 |
visible=True,
|
| 113 |
+
value="""<div class="custom-container">
|
| 114 |
+
<p>This is an important message with a helpful resource:</p>
|
| 115 |
<a href='https://rapidapi.com/akashdev2016/api/floor-plan-digitalization' target='_blank' class="api-button">
|
| 116 |
<h3>π Use an free API</h3>
|
| 117 |
</a>
|