From f3c0a94d80686030bcb4ae603a6a104b1214f125 Mon Sep 17 00:00:00 2001 From: MHSanaei Date: Tue, 26 May 2026 16:12:28 +0200 Subject: [PATCH] fix(frontend): import InboundFormModal.css so layout classes apply (B12) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The file InboundFormModal.css existed but was never imported, so every class in it had no effect — including: - .vless-auth-state — the "Selected: " caption next to the X25519/ ML-KEM/Clear button row stayed inline next to Clear instead of display:block beneath the row - .advanced-shell / .advanced-panel — the Advanced tab's header / panel framing was missing - .advanced-editor-meta — the per-section help text under each Advanced sub-tab had no spacing - .wg-peer — wireguard peer rows had no top margin Add a side-effect import of the CSS file at the top of the modal. No other change needed; the legacy modal must have either imported it or had a global import that the new modal didn't inherit. --- frontend/src/pages/inbounds/InboundFormModal.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/src/pages/inbounds/InboundFormModal.tsx b/frontend/src/pages/inbounds/InboundFormModal.tsx index 4765b2d1..61f3d530 100644 --- a/frontend/src/pages/inbounds/InboundFormModal.tsx +++ b/frontend/src/pages/inbounds/InboundFormModal.tsx @@ -69,6 +69,7 @@ import FinalMaskForm from '@/components/FinalMaskForm'; import HeaderMapEditor from '@/components/HeaderMapEditor'; import InputAddon from '@/components/InputAddon'; import JsonEditor from '@/components/JsonEditor'; +import './InboundFormModal.css'; import type { FormInstance } from 'antd'; import type { NamePath } from 'antd/es/form/interface';