Skip to content

Commit 1653d04

Browse files
imigueldiazimigueldiaz
committed
Adding current API models on a select and styles
1 parent 9711145 commit 1653d04

File tree

4 files changed

+68
-6
lines changed

4 files changed

+68
-6
lines changed

‎options/options.css‎

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,18 @@ input[type="number"] {
4444
border-radius: 4px;
4545
margin-bottom: 10px;
4646
}
47-
47+
/* Light Mode */
48+
select {
49+
width: 100%;
50+
padding: 8px;
51+
margin-bottom: 8px;
52+
background-color: #FFFFFF;
53+
border: 1px solid #D7D7DB;
54+
border-radius: 4px;
55+
color: #0C0C0D;
56+
outline: none;
57+
font-size: 13px;
58+
}
4859

4960
.button-text {
5061
display: inline-block;
@@ -88,4 +99,10 @@ button {
8899
input[type="text"],
89100
input[type="number"] {background-color: rgb(72, 72, 72); color: rgb(249, 249, 250);}
90101
fieldset {border: 1px solid #D7D7DB; padding: 10px}
102+
select {
103+
background-color: #1C1C1E;
104+
border-color: #3A3A3C;
105+
color: #F2F2F7;
106+
}
107+
91108
}

‎options/options.html‎

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,29 @@
22
<html>
33
<head>
44
<meta charset="utf-8">
5-
<link rel="stylesheet" href="../style/options.css">
5+
<link rel="stylesheet" href="options.css">
66
</head>
77
<body>
88
<form id="options-form">
99
<fieldset role="group" aria-labelledby="api-settings">
1010
<legend id="api-settings"></legend>
1111
<label for="apiKey" id="apiKeyLabel"></label>
1212
<input type="password" id="apiKey" name="apiKey" value="pplx-xxxxxxxxxxx" aria-required="true"><br><br>
13-
<label for="model" id="modelLabel"></label>
14-
<input type="text" id="model" name="model" value="sonar-medium-chat" aria-required="true"><br><br>
13+
<label for="model" id="modelLabel"></label>
14+
<select id="model" name="model" aria-required="true">
15+
<optgroup label="Perplexity Models">
16+
<option value="sonar-small-chat">sonar-small-chat (7B)</option>
17+
<option value="sonar-small-online">sonar-small-online (7B)</option>
18+
<option value="sonar-medium-chat" selected>sonar-medium-chat (8x7B)</option>
19+
<option value="sonar-medium-online">sonar-medium-online (8x7B)</option>
20+
</optgroup>
21+
<optgroup label="Open-Source Models">
22+
<option value="codellama-70b-instruct">codellama-70b-instruct (70B)</option>
23+
<option value="mistral-7b-instruct">mistral-7b-instruct (7B)</option>
24+
<option value="mixtral-8x7b-instruct">mixtral-8x7b-instruct (8x7B)</option>
25+
</optgroup>
26+
</select>
27+
<br><br>
1528
<label for="temperature" id="tempLabel"></label>
1629
<input type="number" id="temperature" name="temperature" value="1" step="0.01" min="0" max="2" aria-required="true"><br><br>
1730
<button type="submit" class="ok" id="save">

‎popup/extension.html‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,20 @@
5555
<label for="apiKey" id="apiKeyLabel"></label>
5656
<input type="password" id="apiKey" name="apiKey" value="pplx-xxxxxxxxxxx" aria-required="true"><br><br>
5757
<label for="model" id="modelLabel"></label>
58-
<input type="text" id="model" name="model" value="sonar-medium-chat" aria-required="true"><br><br>
58+
<select id="model" name="model" aria-required="true">
59+
<optgroup label="Perplexity Models">
60+
<option value="sonar-small-chat">sonar-small-chat (7B)</option>
61+
<option value="sonar-small-online">sonar-small-online (7B)</option>
62+
<option value="sonar-medium-chat" selected>sonar-medium-chat (8x7B)</option>
63+
<option value="sonar-medium-online">sonar-medium-online (8x7B)</option>
64+
</optgroup>
65+
<optgroup label="Open-Source Models">
66+
<option value="codellama-70b-instruct">codellama-70b-instruct (70B)</option>
67+
<option value="mistral-7b-instruct">mistral-7b-instruct (7B)</option>
68+
<option value="mixtral-8x7b-instruct">mixtral-8x7b-instruct (8x7B)</option>
69+
</optgroup>
70+
</select>
71+
5972
<label for="temperature" id="tempLabel"></label>
6073
<input type="number" id="temperature" name="temperature" value="1" step="0.01" min="0" max="2" aria-required="true"><br><br>
6174
<button type="submit" class="ok" id="save">

‎style/style.css‎

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,8 +125,21 @@ button.ok:hover {
125125
color: #0C0C0D;
126126
outline: none;
127127
font-size: 13px;
128-
id: "input-id";
129128
}
129+
130+
#options-form select {
131+
width: 100%;
132+
padding: 8px;
133+
margin-bottom: 8px;
134+
background-color: #FFFFFF;
135+
border: 1px solid #D7D7DB;
136+
border-radius: 4px;
137+
color: #0C0C0D;
138+
outline: none;
139+
font-size: 13px;
140+
}
141+
142+
130143
.abstract {
131144
background-color: #FFFFFF;
132145
color: #0C0C0D;
@@ -360,6 +373,12 @@ img#logo {
360373
border-color: #3A3A3C;
361374
color: #F2F2F7;
362375
}
376+
377+
#options-form select {
378+
background-color: #1C1C1E;
379+
border-color: #3A3A3C;
380+
color: #F2F2F7;
381+
}
363382
.abstract {
364383
background-color: #2C2C2E;
365384
color: #F2F2F7;

0 commit comments

Comments
 (0)