Spaces:
Sleeping
Sleeping
Jonas Wiesli
commited on
Commit
·
0a93dc2
1
Parent(s):
393576f
adjusted image path, add css declarations for culprit buttons
Browse files
app.py
CHANGED
|
@@ -26,11 +26,12 @@ css = "@import url(https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;
|
|
| 26 |
"background-color:#fff;min-height:50px!important}#component-48,#component-51{" \
|
| 27 |
"position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(" \
|
| 28 |
"-50%);width:50%;height:50vh;padding:80px 20px 20px;background-color:#fff;border:1px solid " \
|
| 29 |
-
"#002366}#component-
|
| 30 |
-
"
|
| 31 |
-
";background-repeat:no-repeat;background-size:contain
|
| 32 |
-
"position:absolute;top:20px;right:20px;width:44px;height:44px;min-width:44px;min
|
| 33 |
-
".svelte-1s28oeb.svelte-1s28oeb.svelte-1s28oeb,div.svelte-1eq475l{
|
|
|
|
| 34 |
|
| 35 |
with gr.Blocks(theme=theme, css=css) as iface:
|
| 36 |
chatbot = []
|
|
|
|
| 26 |
"background-color:#fff;min-height:50px!important}#component-48,#component-51{" \
|
| 27 |
"position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(" \
|
| 28 |
"-50%);width:50%;height:50vh;padding:80px 20px 20px;background-color:#fff;border:1px solid " \
|
| 29 |
+
"#002366}#component-51{display:flex;flex-direction:column}#component-51>:not(:last-child){" \
|
| 30 |
+
"flex-grow:1}#component-49{position:initial;background-image:url(" \
|
| 31 |
+
"\"file/img/map.jpg\");background-position:center;background-repeat:no-repeat;background-size:contain" \
|
| 32 |
+
"}#component-50,#component-57{position:absolute;top:20px;right:20px;width:44px;height:44px;min-width:44px;min" \
|
| 33 |
+
"-height:44px;line-height:0}.output-class.svelte-1s28oeb.svelte-1s28oeb.svelte-1s28oeb,div.svelte-1eq475l{" \
|
| 34 |
+
"font-weight:400}"
|
| 35 |
|
| 36 |
with gr.Blocks(theme=theme, css=css) as iface:
|
| 37 |
chatbot = []
|
style.css
CHANGED
|
@@ -94,9 +94,18 @@ textarea {
|
|
| 94 |
border: 1px solid #002366;
|
| 95 |
}
|
| 96 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 97 |
#component-49 {
|
| 98 |
position: initial;
|
| 99 |
-
background-image: url(\"
|
| 100 |
background-position: center;
|
| 101 |
background-repeat: no-repeat;
|
| 102 |
background-size: contain;
|
|
@@ -110,6 +119,7 @@ textarea {
|
|
| 110 |
height: 44px;
|
| 111 |
min-width: 44px;
|
| 112 |
min-height: 44px;
|
|
|
|
| 113 |
}
|
| 114 |
|
| 115 |
div.svelte-1eq475l, .output-class.svelte-1s28oeb.svelte-1s28oeb.svelte-1s28oeb {
|
|
|
|
| 94 |
border: 1px solid #002366;
|
| 95 |
}
|
| 96 |
|
| 97 |
+
#component-51 {
|
| 98 |
+
display: flex;
|
| 99 |
+
flex-direction: column;
|
| 100 |
+
}
|
| 101 |
+
|
| 102 |
+
#component-51 > *:not(:last-child) {
|
| 103 |
+
flex-grow: 1;
|
| 104 |
+
}
|
| 105 |
+
|
| 106 |
#component-49 {
|
| 107 |
position: initial;
|
| 108 |
+
background-image: url(\"file/img/map.jpg\");
|
| 109 |
background-position: center;
|
| 110 |
background-repeat: no-repeat;
|
| 111 |
background-size: contain;
|
|
|
|
| 119 |
height: 44px;
|
| 120 |
min-width: 44px;
|
| 121 |
min-height: 44px;
|
| 122 |
+
line-height: 0;
|
| 123 |
}
|
| 124 |
|
| 125 |
div.svelte-1eq475l, .output-class.svelte-1s28oeb.svelte-1s28oeb.svelte-1s28oeb {
|