Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-24 09:45:35 +08:00
Code Issues Projects Releases Wiki Activity

feat(config): make config option titles more noticeable

Browse Source
This commit is contained in:
kunish 2023-09-03 06:17:50 +08:00
parent d3b0b42365
commit b9eb92fc0b
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/Config.tsx
View File

@ -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"