mirror of
https://github.com/MetaCubeX/metacubexd.git
synced 2024-11-10 05:15:35 +08:00
feat(config): make config option titles more noticeable
This commit is contained in:
parent
d3b0b42365
commit
b9eb92fc0b
@ -206,7 +206,7 @@ const ConfigForXd = () => {
|
|||||||
return (
|
return (
|
||||||
<div class="grid gap-4">
|
<div class="grid gap-4">
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<div class="pb-4">{t('renderInTwoColumns')}</div>
|
<div class="pb-4 text-lg font-semibold">{t('renderInTwoColumns')}</div>
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
class="toggle"
|
class="toggle"
|
||||||
@ -217,7 +217,7 @@ const ConfigForXd = () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<div class="pb-4">{t('autoSwitchTheme')}</div>
|
<div class="pb-4 text-lg font-semibold">{t('autoSwitchTheme')}</div>
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
class="toggle"
|
class="toggle"
|
||||||
@ -230,7 +230,7 @@ const ConfigForXd = () => {
|
|||||||
</div>
|
</div>
|
||||||
<Show when={autoSwitchTheme()}>
|
<Show when={autoSwitchTheme()}>
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<div class="pb-4">{t('favDayTheme')}</div>
|
<div class="pb-4 text-lg font-semibold">{t('favDayTheme')}</div>
|
||||||
<select
|
<select
|
||||||
class="select select-bordered w-full max-w-xs"
|
class="select select-bordered w-full max-w-xs"
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
@ -248,7 +248,8 @@ const ConfigForXd = () => {
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<div class="pb-4">{t('favNightTheme')}</div>
|
<div class="pb-4 text-lg font-semibold">{t('favNightTheme')}</div>
|
||||||
|
|
||||||
<select
|
<select
|
||||||
class="select select-bordered w-full max-w-xs"
|
class="select select-bordered w-full max-w-xs"
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
@ -268,7 +269,7 @@ const ConfigForXd = () => {
|
|||||||
</Show>
|
</Show>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="pb-4">{t('proxiesPreviewType')}</div>
|
<div class="pb-4 text-lg font-semibold">{t('proxiesPreviewType')}</div>
|
||||||
|
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center gap-4">
|
||||||
<For each={Object.values(PROXIES_PREVIEW_TYPE)}>
|
<For each={Object.values(PROXIES_PREVIEW_TYPE)}>
|
||||||
@ -290,7 +291,7 @@ const ConfigForXd = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="pb-4">{t('proxiesSorting')}</div>
|
<div class="pb-4 text-lg font-semibold">{t('proxiesSorting')}</div>
|
||||||
|
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<For each={Object.values(PROXIES_ORDERING_TYPE)}>
|
<For each={Object.values(PROXIES_ORDERING_TYPE)}>
|
||||||
@ -312,7 +313,7 @@ const ConfigForXd = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="pb-4">{t('autoCloseConns')}</div>
|
<div class="pb-4 text-lg font-semibold">{t('autoCloseConns')}</div>
|
||||||
|
|
||||||
<input
|
<input
|
||||||
class="toggle"
|
class="toggle"
|
||||||
@ -323,7 +324,7 @@ const ConfigForXd = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
<div class="pb-4">{t('urlForLatencyTest')}</div>
|
<div class="pb-4 text-lg font-semibold">{t('urlForLatencyTest')}</div>
|
||||||
|
|
||||||
<input
|
<input
|
||||||
class="w-100 input input-bordered max-w-md"
|
class="w-100 input input-bordered max-w-md"
|
||||||
|
Loading…
Reference in New Issue
Block a user