Hugging Face's logo

Spaces:
m-ric
/
beam_search_visualizer
Running on Zero

App Files Community
1
m-ric HF staff commited on
Commit
27c3fcd
•
1 Parent(s): 4ef6980

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +6 -9
app.py CHANGED
@@ -67,24 +67,23 @@ STYLE = """
67
  position: absolute;
68
  top: 0;
69
  right: 50%;
70
- border-top: 1px solid #ccc;
71
  width: 51%;
72
  height: 10px;
73
  }
74
  .tree li::after {
75
  right: auto;
76
  left: 50%;
77
- border-left: 1px solid #ccc;
78
  }
79
  .tree li:only-child::after, .tree li:only-child::before {
80
  display: none;
81
  }
82
-
83
  .tree li:first-child::before, .tree li:last-child::after {
84
  border: 0 none;
85
  }
86
  .tree li:last-child::before {
87
- border-right: 1px solid #ccc;
88
  border-radius: 0 5px 0 0;
89
  -webkit-border-radius: 0 5px 0 0;
90
  -moz-border-radius: 0 5px 0 0;
@@ -99,12 +98,12 @@ STYLE = """
99
  position: absolute;
100
  top: 0;
101
  left: 50%;
102
- border-left: 1px solid #ccc;
103
  width: 0;
104
  height: 20px;
105
  }
106
  .tree li a {
107
- border: 1px solid #ccc;
108
  padding: 5px;
109
  display: inline-grid;
110
  border-radius: 5px;
@@ -113,7 +112,6 @@ STYLE = """
113
  transition: .5s;
114
  }
115
  .tree li a span {
116
- color: #666;
117
  padding: 5px;
118
  font-size: 12px;
119
  text-transform: uppercase;
@@ -123,7 +121,6 @@ STYLE = """
123
  /*Hover-Section*/
124
  .tree li a:hover, .tree li a:hover+ul li a {
125
  background: #ffedd5;
126
- color: #000;
127
  }
128
  .tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before {
129
  border-color: #7c2d12;
@@ -329,7 +326,7 @@ def get_beam_search_html(input_text, number_steps, number_beams):
329
 
330
  with gr.Blocks(
331
  theme=gr.themes.Soft(
332
- text_size="lg", font=["monospace"], primary_hue=gr.themes.colors.orange
333
  ),
334
  css=STYLE,
335
  ) as demo:
 
67
  position: absolute;
68
  top: 0;
69
  right: 50%;
70
+ border-top: 1px solid var(--body-text-color);
71
  width: 51%;
72
  height: 10px;
73
  }
74
  .tree li::after {
75
  right: auto;
76
  left: 50%;
77
+ border-left: 1px solid var(--body-text-color);
78
  }
79
  .tree li:only-child::after, .tree li:only-child::before {
80
  display: none;
81
  }
 
82
  .tree li:first-child::before, .tree li:last-child::after {
83
  border: 0 none;
84
  }
85
  .tree li:last-child::before {
86
+ border-right: 1px solid var(--body-text-color);
87
  border-radius: 0 5px 0 0;
88
  -webkit-border-radius: 0 5px 0 0;
89
  -moz-border-radius: 0 5px 0 0;
 
98
  position: absolute;
99
  top: 0;
100
  left: 50%;
101
+ border-left: 1px solid var(--body-text-color);
102
  width: 0;
103
  height: 20px;
104
  }
105
  .tree li a {
106
+ border: 1px solid var(--body-text-color);
107
  padding: 5px;
108
  display: inline-grid;
109
  border-radius: 5px;
 
112
  transition: .5s;
113
  }
114
  .tree li a span {
 
115
  padding: 5px;
116
  font-size: 12px;
117
  text-transform: uppercase;
 
121
  /*Hover-Section*/
122
  .tree li a:hover, .tree li a:hover+ul li a {
123
  background: #ffedd5;
 
124
  }
125
  .tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before {
126
  border-color: #7c2d12;
 
326
 
327
  with gr.Blocks(
328
  theme=gr.themes.Soft(
329
+ text_size="lg", font=["monospace"], primary_hue=gr.themes.colors.yellow
330
  ),
331
  css=STYLE,
332
  ) as demo: