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>
|