3x-ui/frontend/src/pages/inbounds/InboundFormModal.css
MHSanaei 862828b91c
refactor(frontend): hoist .random-icon to utils.css
Three form modals each carried identical .random-icon styles (small
primary-tinted icon next to randomizable inputs):
  ClientBulkAddModal, InboundFormModal, OutboundFormModal

Single definition lives in utils.css now. ClientBulkAddModal.css was
just this one rule, so the file and its import are deleted along the way.

.danger-icon is left per file — the margin-left differs slightly
between InboundFormModal (6px) and OutboundFormModal (8px), so it
stays as a page-local rule rather than getting averaged into utils.css.
2026-05-25 14:18:10 +02:00

68 lines
1 KiB
CSS

.danger-icon {
margin-left: 6px;
cursor: pointer;
color: var(--ant-color-error);
}
.vless-auth-state {
display: block;
margin-top: 6px;
}
.wg-peer {
margin-top: 4px;
}
.advanced-shell {
display: flex;
flex-direction: column;
gap: 12px;
}
.advanced-panel {
padding: 14px;
border: 1px solid var(--ant-color-border-secondary);
border-radius: 12px;
background: var(--ant-color-fill-quaternary);
}
.advanced-panel__header {
margin-bottom: 12px;
}
.advanced-panel__title {
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.advanced-panel__subtitle {
margin-top: 4px;
opacity: 0.7;
line-height: 1.5;
}
.advanced-inner-tabs .ant-tabs-nav {
margin-bottom: 12px;
}
.advanced-inner-tabs .ant-tabs-tab {
padding-inline: 14px;
}
.advanced-editor-meta {
margin-bottom: 10px;
opacity: 0.75;
line-height: 1.5;
}
@media (max-width: 768px) {
.advanced-panel {
padding: 12px;
border-radius: 10px;
}
.advanced-inner-tabs .ant-tabs-tab {
padding-inline: 10px;
}
}