refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-06-05 00:32:48 +04:00
parent 7c4f261aa2
commit b02a3da4da

View File

@ -446,6 +446,7 @@
</div> </div>
</div> </div>
{:else if webConfig.WEB_SEARCH_ENGINE === 'perplexity'} {:else if webConfig.WEB_SEARCH_ENGINE === 'perplexity'}
<div class="mb-2.5 flex w-full flex-col">
<div> <div>
<div class=" self-center text-xs font-medium mb-1"> <div class=" self-center text-xs font-medium mb-1">
{$i18n.t('Perplexity API Key')} {$i18n.t('Perplexity API Key')}
@ -456,26 +457,31 @@
bind:value={webConfig.PERPLEXITY_API_KEY} bind:value={webConfig.PERPLEXITY_API_KEY}
/> />
</div> </div>
</div>
<!-- Perplexity model selection -->
<div class="mb-2.5 flex w-full flex-col"> <div class="mb-2.5 flex w-full flex-col">
<div>
<div class="self-center text-xs font-medium mb-1"> <div class="self-center text-xs font-medium mb-1">
{$i18n.t('Perplexity Model')} {$i18n.t('Perplexity Model')}
</div> </div>
<select <input
list="perplexity-model-list"
class="w-full rounded-lg py-2 px-4 text-sm bg-gray-50 dark:text-gray-300 dark:bg-gray-850 outline-hidden" class="w-full rounded-lg py-2 px-4 text-sm bg-gray-50 dark:text-gray-300 dark:bg-gray-850 outline-hidden"
bind:value={webConfig.PERPLEXITY_MODEL} bind:value={webConfig.PERPLEXITY_MODEL}
> />
<datalist id="perplexity-model-list">
<option value="sonar">Sonar</option> <option value="sonar">Sonar</option>
<option value="sonar-pro">Sonar Pro</option> <option value="sonar-pro">Sonar Pro</option>
<option value="sonar-reasoning">Sonar Reasoning</option> <option value="sonar-reasoning">Sonar Reasoning</option>
<option value="sonar-reasoning-pro">Sonar Reasoning Pro</option> <option value="sonar-reasoning-pro">Sonar Reasoning Pro</option>
<option value="sonar-deep-research">Sonar Deep Research</option> <option value="sonar-deep-research">Sonar Deep Research</option>
</select> </datalist>
</div>
</div> </div>
<!-- Search context usage selection -->
<div class="mb-2.5 flex w-full flex-col"> <div class="mb-2.5 flex w-full flex-col">
<div>
<div class=" self-center text-xs font-medium mb-1"> <div class=" self-center text-xs font-medium mb-1">
{$i18n.t('Perplexity Search Context Usage')} {$i18n.t('Perplexity Search Context Usage')}
</div> </div>
@ -488,6 +494,7 @@
<option value="high">High</option> <option value="high">High</option>
</select> </select>
</div> </div>
</div>
{:else if webConfig.WEB_SEARCH_ENGINE === 'sougou'} {:else if webConfig.WEB_SEARCH_ENGINE === 'sougou'}
<div class="mb-2.5 flex w-full flex-col"> <div class="mb-2.5 flex w-full flex-col">
<div> <div>