Hugging Face's logo

Spaces:
UntilDot
/
Flask
Sleeping

App Files Community
UntilDot commited on
Commit
3fe6297
·
verified ·
1 Parent(s): a5baa63

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +9 -3
templates/index.html CHANGED
@@ -9,6 +9,7 @@
9
  </head>
10
  <body class="bg0 text-fg0 transition-colors duration-300">
11
  <div class="min-h-screen flex flex-col justify-between p-4">
 
12
  <header class="flex items-center justify-between mb-4">
13
  <h1 class="text-2xl font-bold">MoA Chat</h1>
14
  <div class="space-x-2">
@@ -20,27 +21,31 @@
20
  <div id="configPanel" class="bg1 rounded p-4 mb-4 hidden">
21
  <h2 class="text-lg font-semibold mb-2">Model Selection</h2>
22
  <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
 
23
  <div>
24
  <label class="block mb-1">LLM-A</label>
25
  <div id="modelA" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
26
  <span class="selected block">Select a model</span>
27
- <div class="options hidden absolute left-0 right-0 mt-2 bg-statusline1 rounded shadow-md z-10 max-h-60 overflow-y-auto"></div>
28
  </div>
29
  </div>
 
30
  <div>
31
  <label class="block mb-1">LLM-B</label>
32
  <div id="modelB" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
33
  <span class="selected block">Select a model</span>
34
- <div class="options hidden absolute left-0 right-0 mt-2 bg-statusline1 rounded shadow-md z-10 max-h-60 overflow-y-auto"></div>
35
  </div>
36
  </div>
 
37
  <div>
38
  <label class="block mb-1">LLM-C</label>
39
  <div id="modelC" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
40
  <span class="selected block">Select a model</span>
41
- <div class="options hidden absolute left-0 right-0 mt-2 bg-statusline1 rounded shadow-md z-10 max-h-60 overflow-y-auto"></div>
42
  </div>
43
  </div>
 
44
  </div>
45
  </div>
46
 
@@ -53,6 +58,7 @@
53
  class="flex-1 px-4 py-2 rounded-l border-none bg-statusline1 text-fg0 placeholder-fg1 focus:outline-none">
54
  <button type="submit" class="px-4 py-2 bg-green text-fg0 rounded-r hover:bg-visual_green transition">Send</button>
55
  </form>
 
56
  </div>
57
 
58
  <script src="/static/script.js"></script>
 
9
  </head>
10
  <body class="bg0 text-fg0 transition-colors duration-300">
11
  <div class="min-h-screen flex flex-col justify-between p-4">
12
+
13
  <header class="flex items-center justify-between mb-4">
14
  <h1 class="text-2xl font-bold">MoA Chat</h1>
15
  <div class="space-x-2">
 
21
  <div id="configPanel" class="bg1 rounded p-4 mb-4 hidden">
22
  <h2 class="text-lg font-semibold mb-2">Model Selection</h2>
23
  <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
24
+
25
  <div>
26
  <label class="block mb-1">LLM-A</label>
27
  <div id="modelA" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
28
  <span class="selected block">Select a model</span>
29
+ <div class="options hidden absolute left-0 right-0 mt-2 bg-bg1 rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
30
  </div>
31
  </div>
32
+
33
  <div>
34
  <label class="block mb-1">LLM-B</label>
35
  <div id="modelB" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
36
  <span class="selected block">Select a model</span>
37
+ <div class="options hidden absolute left-0 right-0 mt-2 bg-bg1 rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
38
  </div>
39
  </div>
40
+
41
  <div>
42
  <label class="block mb-1">LLM-C</label>
43
  <div id="modelC" class="model-dropdown relative bg-statusline1 text-fg0 rounded p-2 cursor-pointer select-none">
44
  <span class="selected block">Select a model</span>
45
+ <div class="options hidden absolute left-0 right-0 mt-2 bg-bg1 rounded shadow-lg z-10 max-h-60 overflow-y-auto"></div>
46
  </div>
47
  </div>
48
+
49
  </div>
50
  </div>
51
 
 
58
  class="flex-1 px-4 py-2 rounded-l border-none bg-statusline1 text-fg0 placeholder-fg1 focus:outline-none">
59
  <button type="submit" class="px-4 py-2 bg-green text-fg0 rounded-r hover:bg-visual_green transition">Send</button>
60
  </form>
61
+
62
  </div>
63
 
64
  <script src="/static/script.js"></script>