Spaces:
Running
Running
Pedro Cuenca
commited on
Commit
·
a7f2bba
1
Parent(s):
bb7c400
Progress indicator follows current theme.
Browse filesI tried to use
`components.streamlit.config.get_options_for_section("theme")` but all
returned keys are `None`.
What I did instead was to copy the style definitions used by streamlit.
This implementation uses the same style as `streamlit.info`. An
alternative would be `streamlit.warning`, but it really looks more like
a warning.
- app/app.py +19 -12
app/app.py
CHANGED
|
@@ -55,24 +55,31 @@ st.subheader('Generate images from text')
|
|
| 55 |
|
| 56 |
prompt = st.text_input("What do you want to see?")
|
| 57 |
|
| 58 |
-
|
| 59 |
-
|
| 60 |
DEBUG = False
|
| 61 |
if prompt != "" or (should_run_again and prompt != ""):
|
| 62 |
container = st.empty()
|
|
|
|
|
|
|
|
|
|
| 63 |
container.markdown(f"""
|
| 64 |
-
<style> p {{ margin:0 }} </style>
|
| 65 |
-
<
|
| 66 |
-
<
|
| 67 |
-
|
| 68 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 69 |
<small><i>Predictions may take up to 40s under high load. Please, stand by.</i></small>
|
| 70 |
""", unsafe_allow_html=True)
|
| 71 |
-
# container.markdown("more markdown")
|
| 72 |
-
|
| 73 |
-
# container.markdown(f"Generating predictions for: **{prompt}**")
|
| 74 |
-
# container.info(f"this is an info field")
|
| 75 |
-
# container.warning(f"this is a warning field")
|
| 76 |
|
| 77 |
try:
|
| 78 |
backend_url = st.secrets["BACKEND_SERVER"]
|
|
|
|
| 55 |
|
| 56 |
prompt = st.text_input("What do you want to see?")
|
| 57 |
|
| 58 |
+
test = st.empty()
|
|
|
|
| 59 |
DEBUG = False
|
| 60 |
if prompt != "" or (should_run_again and prompt != ""):
|
| 61 |
container = st.empty()
|
| 62 |
+
# The following mimics `streamlit.info()`.
|
| 63 |
+
# I tried to get the secondary background color using `components.streamlit.config.get_options_for_section("theme")["secondaryBackgroundColor"]`
|
| 64 |
+
# but it returns None.
|
| 65 |
container.markdown(f"""
|
| 66 |
+
<style> p {{ margin:0 }} div {{ margin:0 }} </style>
|
| 67 |
+
<div data-stale="false" class="element-container css-1e5imcs e1tzin5v1">
|
| 68 |
+
<div class="stAlert">
|
| 69 |
+
<div role="alert" data-baseweb="notification" class="st-ae st-af st-ag st-ah st-ai st-aj st-ak st-g3 st-am st-b8 st-ao st-ap st-aq st-ar st-as st-at st-au st-av st-aw st-ax st-ay st-az st-b9 st-b1 st-b2 st-b3 st-b4 st-b5 st-b6">
|
| 70 |
+
<div class="st-b7">
|
| 71 |
+
<div class="css-whx05o e13vu3m50">
|
| 72 |
+
<div data-testid="stMarkdownContainer" class="css-1ekf893 e16nr0p30">
|
| 73 |
+
<img src="https://raw.githubusercontent.com/borisdayma/dalle-mini/main/app/img/loading.gif" width="30"/>
|
| 74 |
+
Generating predictions for: <b>{prompt}</b>
|
| 75 |
+
</div>
|
| 76 |
+
</div>
|
| 77 |
+
</div>
|
| 78 |
+
</div>
|
| 79 |
+
</div>
|
| 80 |
+
</div>
|
| 81 |
<small><i>Predictions may take up to 40s under high load. Please, stand by.</i></small>
|
| 82 |
""", unsafe_allow_html=True)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 83 |
|
| 84 |
try:
|
| 85 |
backend_url = st.secrets["BACKEND_SERVER"]
|