refactor(frontend): consolidate margin utility classes into one stylesheet
Page CSS files each carried their own copies of the same atomic margin
utilities (.mt-4, .mt-8, .mb-12, .ml-8, .my-10, ...). The definitions
were identical everywhere they appeared, with each file holding only
the subset it happened to need.
Move all of them into a single styles/utils.css imported once from
main.tsx, and delete the per-page copies from InboundFormModal,
CustomGeoSection, PanelUpdateModal, VersionModal, BasicsTab, NordModal,
OutboundFormModal, and WarpModal. The classes are available globally
on the panel app; login.tsx and subpage.tsx entries do not consume any
of them so they stay untouched.
2026-05-25 11:47:57 +00:00
|
|
|
.mt-4 { margin-top: 4px; }
|
|
|
|
|
.mt-8 { margin-top: 8px; }
|
|
|
|
|
.mt-10 { margin-top: 10px; }
|
|
|
|
|
.mt-12 { margin-top: 12px; }
|
|
|
|
|
.mt-20 { margin-top: 20px; }
|
|
|
|
|
|
|
|
|
|
.mb-4 { margin-bottom: 4px; }
|
|
|
|
|
.mb-8 { margin-bottom: 8px; }
|
|
|
|
|
.mb-10 { margin-bottom: 10px; }
|
|
|
|
|
.mb-12 { margin-bottom: 12px; }
|
|
|
|
|
|
|
|
|
|
.ml-8 { margin-left: 8px; }
|
|
|
|
|
|
|
|
|
|
.my-8 { margin: 8px 0; }
|
|
|
|
|
.my-10 { margin: 10px 0; }
|
refactor(frontend): consolidate shared page-shell rules into one stylesheet
Every panel page CSS file repeated the same wrapper boilerplate — the
--bg-page/--bg-card token triples for light/dark/ultra-dark, the
min-height + background root rule, the .ant-layout transparent reset,
the .content-shell transparent reset, and the .loading-spacer min-height.
That's ~30 identical lines duplicated across IndexPage, ClientsPage,
InboundsPage, XrayPage, SettingsPage, NodesPage, and ApiDocsPage.
Move all of it into styles/page-shell.css and import it once from
main.tsx alongside utils.css and page-cards.css. Each page CSS file
now only contains genuinely page-specific rules (content-area padding
overrides, page-specific tokens like ApiDocs's Swagger --sw-* set).
Also drop the per-page `import '@/styles/page-cards.css'` statements
from the 7 page tsx files now that main.tsx loads it globally.
Net: -211 deleted, +6 inserted in the touched files, plus the new
page-shell.css. .zero-margin (Divider override used by Nord/Warp
modals) folded into utils.css alongside the margin classes.
2026-05-25 12:04:29 +00:00
|
|
|
|
|
|
|
|
.zero-margin { margin: 0; }
|