Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-06-05 12:44:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

refactor(frontend): hoist .random-icon to utils.css

Browse source 
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.
This commit is contained in:
MHSanaei 2026-05-25 14:18:10 +02:00
parent 035c3b5be9
commit 862828b91c
No known key found for this signature in database
GPG key ID: 7E4060F2FBE5AB7A
5 changed files with 6 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/pages/clients/ClientBulkAddModal.css
View file

@ -1,5 +0,0 @@
.random-icon {
margin-left: 4px;
cursor: pointer;
color: var(--ant-color-primary);
}

1
frontend/src/pages/clients/ClientBulkAddModal.tsx
View file

@ -9,7 +9,6 @@ import { HttpUtil, RandomUtil, SizeFormatter } from '@/utils';
import { TLS_FLOW_CONTROL } from '@/models/inbound'; import { TLS_FLOW_CONTROL } from '@/models/inbound';
import DateTimePicker from '@/components/DateTimePicker'; import DateTimePicker from '@/components/DateTimePicker';
import type { InboundOption } from '@/hooks/useClients'; import type { InboundOption } from '@/hooks/useClients';
import './ClientBulkAddModal.css';
const FLOW_OPTIONS = Object.values(TLS_FLOW_CONTROL); const FLOW_OPTIONS = Object.values(TLS_FLOW_CONTROL);
const JSON_HEADERS = { headers: { 'Content-Type': 'application/json' } } as const; const JSON_HEADERS = { headers: { 'Content-Type': 'application/json' } } as const;

6
frontend/src/pages/inbounds/InboundFormModal.css
View file

@ -1,9 +1,3 @@
.random-icon {
margin-left: 4px;
cursor: pointer;
color: var(--ant-color-primary);
}
.danger-icon { .danger-icon {
margin-left: 6px; margin-left: 6px;
cursor: pointer; cursor: pointer;

6
frontend/src/pages/xray/OutboundFormModal.css
View file

@ -1,9 +1,3 @@
.random-icon {
cursor: pointer;
color: var(--ant-color-primary);
margin-left: 4px;
}
.danger-icon { .danger-icon {
cursor: pointer; cursor: pointer;
color: var(--ant-color-error); color: var(--ant-color-error);

6
frontend/src/styles/utils.css
View file

@ -15,3 +15,9 @@
.my-10 { margin: 10px 0; } .my-10 { margin: 10px 0; }
.zero-margin { margin: 0; } .zero-margin { margin: 0; }
.random-icon {
margin-left: 4px;
cursor: pointer;
color: var(--ant-color-primary);
}