Anne31415 commited on
Commit
d698e7b
·
1 Parent(s): ea5f78c

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +8 -3
app.py CHANGED
@@ -2,9 +2,13 @@ import streamlit as st
2
 
3
  def cloud_button(label, key):
4
  button_html = f"""
5
- <div style="text-align: center;">
6
- <div style="display: inline-block; background-color: #FF6347; border-radius: 50%; width: 100px; height: 100px;"></div>
7
- <div style="margin-top: -100px;">{label}</div>
 
 
 
 
8
  </div>
9
  """
10
  st.markdown(button_html, unsafe_allow_html=True)
@@ -15,3 +19,4 @@ if cloud_button("Click Me!", "button1"):
15
 
16
  if cloud_button("Another Button", "button2"):
17
  st.success("Button 2 clicked!")
 
 
2
 
3
  def cloud_button(label, key):
4
  button_html = f"""
5
+ <div style="text-align: center; display: inline-block;">
6
+ <div style="display: inline-flex; position: relative;">
7
+ <div style="background-color: #FF6347; border-radius: 50%; width: 60px; height: 60px; margin: 5px;"></div>
8
+ <div style="background-color: #FF6347; border-radius: 50%; width: 80px; height: 80px; margin: 5px; position: absolute; left: 30px; top: 10px;"></div>
9
+ <div style="background-color: #FF6347; border-radius: 50%; width: 70px; height: 70px; margin: 5px; position: absolute; left: 70px;"></div>
10
+ </div>
11
+ <div style="margin-top: -50px;">{label}</div>
12
  </div>
13
  """
14
  st.markdown(button_html, unsafe_allow_html=True)
 
19
 
20
  if cloud_button("Another Button", "button2"):
21
  st.success("Button 2 clicked!")
22
+