Update gradio_sidebar.py
Browse files- gradio_sidebar.py +4 -4
gradio_sidebar.py
CHANGED
@@ -1,7 +1,7 @@
|
|
1 |
head="""
|
2 |
<script>
|
3 |
function open_control() {
|
4 |
-
var panel = document.querySelector('#
|
5 |
|
6 |
var split_json = []
|
7 |
var out_json = []
|
@@ -12,7 +12,7 @@ head="""
|
|
12 |
panel.classList.toggle('open');
|
13 |
console.log('clicked')
|
14 |
} else {
|
15 |
-
panel.classList = '.contain #
|
16 |
console.log('panel is open, closing')
|
17 |
|
18 |
};
|
@@ -21,7 +21,7 @@ head="""
|
|
21 |
</script>
|
22 |
"""
|
23 |
css="""
|
24 |
-
.contain #
|
25 |
position: fixed;
|
26 |
right: 100%;
|
27 |
z-index: 9999;
|
@@ -30,7 +30,7 @@ css="""
|
|
30 |
box-shadow: 0 0 12px 0px black;
|
31 |
transition: right 0.5s ease;
|
32 |
}
|
33 |
-
.contain #
|
34 |
right: 60%;
|
35 |
}
|
36 |
#top_bar {
|
|
|
1 |
head="""
|
2 |
<script>
|
3 |
function open_control() {
|
4 |
+
var panel = document.querySelector('#gs_control_panel');
|
5 |
|
6 |
var split_json = []
|
7 |
var out_json = []
|
|
|
12 |
panel.classList.toggle('open');
|
13 |
console.log('clicked')
|
14 |
} else {
|
15 |
+
panel.classList = '.contain #gs_control_panel'
|
16 |
console.log('panel is open, closing')
|
17 |
|
18 |
};
|
|
|
21 |
</script>
|
22 |
"""
|
23 |
css="""
|
24 |
+
.contain #gs_control_panel {
|
25 |
position: fixed;
|
26 |
right: 100%;
|
27 |
z-index: 9999;
|
|
|
30 |
box-shadow: 0 0 12px 0px black;
|
31 |
transition: right 0.5s ease;
|
32 |
}
|
33 |
+
.contain #gs_control_panel.open {
|
34 |
right: 60%;
|
35 |
}
|
36 |
#top_bar {
|