Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -943,6 +943,12 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
|
|
| 943 |
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 944 |
color: white;
|
| 945 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 946 |
""") as iface:
|
| 947 |
|
| 948 |
gr.Markdown(
|
|
@@ -966,12 +972,13 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
|
|
| 966 |
interactive=True
|
| 967 |
)
|
| 968 |
|
| 969 |
-
# Display type details
|
| 970 |
-
with gr.
|
| 971 |
type_details = gr.Markdown(
|
| 972 |
value=f"**{WEBSITE_TYPES['SaaS Platform']['description']}**\n\n"
|
| 973 |
f"Design Style: {WEBSITE_TYPES['SaaS Platform']['design_style']}\n\n"
|
| 974 |
-
f"Key Elements: {', '.join(WEBSITE_TYPES['SaaS Platform']['must_have_elements'][:3])}..."
|
|
|
|
| 975 |
)
|
| 976 |
|
| 977 |
with gr.Column(scale=1):
|
|
|
|
| 943 |
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 944 |
color: white;
|
| 945 |
}
|
| 946 |
+
.details-box {
|
| 947 |
+
border: 1px solid #e2e8f0;
|
| 948 |
+
border-radius: 8px;
|
| 949 |
+
padding: 15px;
|
| 950 |
+
background: #f8fafc;
|
| 951 |
+
}
|
| 952 |
""") as iface:
|
| 953 |
|
| 954 |
gr.Markdown(
|
|
|
|
| 972 |
interactive=True
|
| 973 |
)
|
| 974 |
|
| 975 |
+
# Display type details in a Group instead of Box
|
| 976 |
+
with gr.Group():
|
| 977 |
type_details = gr.Markdown(
|
| 978 |
value=f"**{WEBSITE_TYPES['SaaS Platform']['description']}**\n\n"
|
| 979 |
f"Design Style: {WEBSITE_TYPES['SaaS Platform']['design_style']}\n\n"
|
| 980 |
+
f"Key Elements: {', '.join(WEBSITE_TYPES['SaaS Platform']['must_have_elements'][:3])}...",
|
| 981 |
+
elem_classes="details-box"
|
| 982 |
)
|
| 983 |
|
| 984 |
with gr.Column(scale=1):
|