Jonas Wiesli commited on
Commit
0a93dc2
·
1 Parent(s): 393576f

adjusted image path, add css declarations for culprit buttons

Browse files
Files changed (2) hide show
  1. app.py +6 -5
  2. style.css +11 -1
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-49{position:initial;background-image:url(" \
30
- "\"https://huggingface.co/spaces/hslu-di/Wiesli_Jonas/resolve/main/img/map.jpg\");background-position:center" \
31
- ";background-repeat:no-repeat;background-size:contain}#component-50,#component-57{" \
32
- "position:absolute;top:20px;right:20px;width:44px;height:44px;min-width:44px;min-height:44px}.output-class" \
33
- ".svelte-1s28oeb.svelte-1s28oeb.svelte-1s28oeb,div.svelte-1eq475l{font-weight:400}"
 
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(\"https://huggingface.co/spaces/hslu-di/Wiesli_Jonas/resolve/main/img/map.jpg\");
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 {