xinyin025/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-08-15 07:40:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): stack form fields on mobile in client/inbound/node modals

Browse Source 
Replace fixed :span values with responsive :xs="24" :md="N" so form rows
collapse to a single column on narrow viewports instead of squeezing.
This commit is contained in:
MHSanaei
2026-05-21 18:54:42 +02:00
parent 3d1d75d65a
commit f2f5d584b3
3 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/inbounds/InboundFormModal.vue
+4 -4
View File
@@ -1030,16 +1030,16 @@ watch(() => inbound.value?.protocol, () => stampAdvancedTextFor('stream'));
</a-col>
</a-row>
<a-row v-if="isFallbackEditing(record.rowKey)" :gutter="8" style="margin-top: 8px">
<a-col :span="8">
<a-col :xs="24" :md="8">
<a-input v-model:value="record.name" addon-before="SNI" :placeholder="t('pages.inbounds.fallbacks.matchAny') || 'any'" />
</a-col>
<a-col :span="5">
<a-col :xs="24" :md="5">
<a-input v-model:value="record.alpn" addon-before="ALPN" :placeholder="t('pages.inbounds.fallbacks.matchAny') || 'any'" />
</a-col>
<a-col :span="7">
<a-col :xs="24" :md="7">
<a-input v-model:value="record.path" addon-before="Path" placeholder="/" />
</a-col>
<a-col :span="4">
<a-col :xs="24" :md="4">
<a-input-number v-model:value="record.xver" addon-before="xver" :min="0" :max="2" style="width: 100%" />
</a-col>
</a-row>