This commit is contained in:
Julian Freeman
2026-04-17 17:26:55 -04:00
parent 1c43a318c6
commit 6062a38b99
14 changed files with 137 additions and 140 deletions

View File

@@ -45,28 +45,28 @@ const iconOptions = computed(() =>
<div class="config-form-card">
<div class="config-form-header collapsible">
<div>
<h3>Add Custom Browser</h3>
<h3>添加自定义浏览器</h3>
</div>
<button
class="secondary-button config-toggle-button"
type="button"
@click="formExpanded = !formExpanded"
>
{{ formExpanded ? "Collapse" : "Expand" }}
{{ formExpanded ? "收起" : "展开" }}
</button>
</div>
<div v-if="formExpanded" class="config-form-fields compact">
<div class="config-inline-row">
<label class="field-group">
<span>Name</span>
<span>名称</span>
<input
:value="createConfigForm.name"
placeholder="Work Chrome"
placeholder="例如:工作 Chrome"
@input="emit('updateName', ($event.target as HTMLInputElement).value)"
/>
</label>
<label class="field-group">
<span>Icon</span>
<span>图标</span>
<SortDropdown
:model-value="createConfigForm.iconKey ?? 'chrome'"
:options="iconOptions"
@@ -75,7 +75,7 @@ const iconOptions = computed(() =>
</label>
</div>
<label class="field-group">
<span>Executable Path</span>
<span>可执行文件路径</span>
<div class="path-input-row">
<input
:value="createConfigForm.executablePath"
@@ -83,12 +83,12 @@ const iconOptions = computed(() =>
@input="emit('updateExecutablePath', ($event.target as HTMLInputElement).value)"
/>
<button class="secondary-button" type="button" @click="emit('pickExecutablePath')">
Browse File
选择文件
</button>
</div>
</label>
<label class="field-group">
<span>User Data Path</span>
<span>用户资料路径</span>
<div class="path-input-row">
<input
:value="createConfigForm.userDataPath"
@@ -96,7 +96,7 @@ const iconOptions = computed(() =>
@input="emit('updateUserDataPath', ($event.target as HTMLInputElement).value)"
/>
<button class="secondary-button" type="button" @click="emit('pickUserDataPath')">
Browse Folder
选择文件夹
</button>
</div>
</label>
@@ -107,14 +107,14 @@ const iconOptions = computed(() =>
:disabled="savingConfig"
@click="emit('createConfig')"
>
{{ savingConfig ? "Saving..." : "Add Config" }}
{{ savingConfig ? "保存中..." : "添加配置" }}
</button>
</div>
</div>
</div>
<div v-if="configsLoading" class="empty-card">
<p>Loading browser configs...</p>
<p>正在加载浏览器配置...</p>
</div>
<div v-else class="stack-list">
<article
@@ -145,16 +145,16 @@ const iconOptions = computed(() =>
:disabled="isDeletingConfig(config.id)"
@click="emit('deleteConfig', config.id)"
>
{{ isDeletingConfig(config.id) ? "Deleting..." : "Delete" }}
{{ isDeletingConfig(config.id) ? "删除中..." : "删除" }}
</button>
</div>
<div class="config-meta">
<div class="config-meta-row">
<span class="config-label">Executable</span>
<p :title="config.executablePath">{{ config.executablePath || "Not resolved" }}</p>
<span class="config-label">可执行文件</span>
<p :title="config.executablePath">{{ config.executablePath || "未解析" }}</p>
</div>
<div class="config-meta-row">
<span class="config-label">User Data</span>
<span class="config-label">用户资料</span>
<p :title="config.userDataPath">{{ config.userDataPath }}</p>
</div>
</div>