andywu-kby commited on
Commit
bf9abbe
Β·
verified Β·
1 Parent(s): 78f6fa8

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +30 -2
app.py CHANGED
@@ -41,7 +41,34 @@ def run(file):
41
  return out_img, out_json
42
 
43
 
44
- with gr.Blocks() as demo:
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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="api-container">
 
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>