github/dbx
4
0 Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-11-15 06:51:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(mqtt): use Select for protocol version and refine mqtt icon

Browse Source
This commit is contained in:
如梦技术 authored and GitHub committed 2026-08-07 00:13:34 +08:00
1 parent 1648c0b602
commit cda6fd2600
3 files changed
+13 -9
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/desktop/src/components/connection/ConnectionDialog.vue
+10 -5
View File
@@ -6224,11 +6224,16 @@ function openExternalUrl(url: string) {
</div>
<div class="grid grid-cols-4 items-center gap-4">
<Label :class="connectionLabelClass">{{ t("connection.mqttProtocolVersion") }}</Label>
<select v-model="mqttProtocolVersion" class="col-span-3 flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring">
<option value="v5">MQTT 5.0</option>
<option value="v4">MQTT 3.1.1</option>
<option value="v3">MQTT 3.1</option>
</select>
<Select v-model="mqttProtocolVersion">
<SelectTrigger class="col-span-3 h-9">
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="v5">MQTT 5.0</SelectItem>
<SelectItem value="v4">MQTT 3.1.1</SelectItem>
<SelectItem value="v3">MQTT 3.1</SelectItem>
</SelectContent>
</Select>
</div>
<div class="grid grid-cols-4 items-center gap-4">
<Label :class="connectionLabelClass">{{ t("connection.mqttTransport") }}</Label>