Spaces:
Sleeping
Sleeping
Commit
•
b48fe41
1
Parent(s):
b2178cd
Update app.py
Browse files
app.py
CHANGED
@@ -50,13 +50,13 @@ css = '''
|
|
50 |
.plus_column{align-self: center}
|
51 |
.plus_button{font-size: 235% !important; text-align: center;margin-bottom: 19px}
|
52 |
#prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
|
53 |
-
#run_button{position:absolute;margin-top:
|
54 |
border-top-left-radius: 0px;}
|
55 |
.random_column{align-self: center; align-items: center}
|
56 |
@media (max-width: 1024px) {
|
57 |
.roulette_group{flex-direction: column}
|
58 |
|
59 |
-
#share-btn-container
|
60 |
div#share-btn-container > div {flex-direction: row;background: black;align-items: center}
|
61 |
#share-btn-container:hover {background-color: #060606}
|
62 |
#share-btn {all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;right:0;}
|
@@ -138,11 +138,11 @@ with gr.Blocks(css=css) as demo:
|
|
138 |
run_btn = gr.Button("Run", elem_id="run_button")
|
139 |
output_image = gr.Image(label="Output", height=355)
|
140 |
with gr.Row():
|
141 |
-
with gr.Column():
|
142 |
gr.Button("👍")
|
143 |
-
with gr.Column():
|
144 |
gr.Button("👎")
|
145 |
-
with gr.Column():
|
146 |
with gr.Group(elem_id="share-btn-container") as share_group:
|
147 |
community_icon = gr.HTML(community_icon_html)
|
148 |
loading_icon = gr.HTML(loading_icon_html)
|
|
|
50 |
.plus_column{align-self: center}
|
51 |
.plus_button{font-size: 235% !important; text-align: center;margin-bottom: 19px}
|
52 |
#prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
|
53 |
+
#run_button{position:absolute;margin-top: 36px;right: 0;margin-right: 1.5em;border-bottom-left-radius: 0px;
|
54 |
border-top-left-radius: 0px;}
|
55 |
.random_column{align-self: center; align-items: center}
|
56 |
@media (max-width: 1024px) {
|
57 |
.roulette_group{flex-direction: column}
|
58 |
|
59 |
+
#share-btn-container{padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; max-width: 13rem; margin-left: auto;}
|
60 |
div#share-btn-container > div {flex-direction: row;background: black;align-items: center}
|
61 |
#share-btn-container:hover {background-color: #060606}
|
62 |
#share-btn {all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;right:0;}
|
|
|
138 |
run_btn = gr.Button("Run", elem_id="run_button")
|
139 |
output_image = gr.Image(label="Output", height=355)
|
140 |
with gr.Row():
|
141 |
+
with gr.Column(min_width=10):
|
142 |
gr.Button("👍")
|
143 |
+
with gr.Column(min_width=10):
|
144 |
gr.Button("👎")
|
145 |
+
with gr.Column(min_width=10):
|
146 |
with gr.Group(elem_id="share-btn-container") as share_group:
|
147 |
community_icon = gr.HTML(community_icon_html)
|
148 |
loading_icon = gr.HTML(loading_icon_html)
|