mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-06-05 12:44:22 +00:00
refactor(frontend): move default content-area padding to page-shell.css
After page-shell.css landed, six of the seven panel pages still kept an
identical `.X-page .content-area { padding: 24px }` desktop rule, plus
three of them kept an identical `padding: 8px` mobile rule. Hoist both
defaults into page-shell.css under a single 6-page selector group and
delete the per-page copies.
What stays page-specific:
- IndexPage keeps its mobile override (padding 12px + padding-top: 64px
for the fixed drawer handle clearance).
- ApiDocsPage keeps its tighter desktop padding (16px) and its own
mobile padding-top: 56px.
Settings .ldap-no-inbounds also switches from #999 to
var(--ant-color-text-tertiary) for theme adaptation.
This commit is contained in:
parent
4e7cecb71b
commit
f6ffbcb878
7 changed files with 18 additions and 43 deletions
|
|
@ -1,13 +1,3 @@
|
||||||
.clients-page .content-area {
|
|
||||||
padding: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.clients-page .content-area {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.clients-page .ant-pagination-options-size-changer,
|
.clients-page .ant-pagination-options-size-changer,
|
||||||
.clients-page .ant-pagination-options-size-changer .ant-select-selector {
|
.clients-page .ant-pagination-options-size-changer .ant-select-selector {
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,3 @@
|
||||||
.inbounds-page .content-area {
|
|
||||||
padding: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.inbounds-page .content-area {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.summary-card {
|
.summary-card {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,3 @@
|
||||||
.index-page .content-area {
|
|
||||||
padding: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.index-page .content-area {
|
.index-page .content-area {
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,3 @@
|
||||||
.nodes-page .content-area {
|
|
||||||
padding: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.nodes-page .content-area {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.nodes-page .summary-card {
|
.nodes-page .summary-card {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,3 @@
|
||||||
.settings-page .content-area {
|
|
||||||
padding: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.settings-page .conf-alert {
|
.settings-page .conf-alert {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
@ -52,6 +48,6 @@
|
||||||
|
|
||||||
.ldap-no-inbounds {
|
.ldap-no-inbounds {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
color: #999;
|
color: var(--ant-color-text-tertiary);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,3 @@
|
||||||
.xray-page .content-area {
|
|
||||||
padding: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.xray-page .header-row {
|
.xray-page .header-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
|
||||||
|
|
@ -60,6 +60,23 @@
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.index-page .content-area,
|
||||||
|
.clients-page .content-area,
|
||||||
|
.inbounds-page .content-area,
|
||||||
|
.xray-page .content-area,
|
||||||
|
.settings-page .content-area,
|
||||||
|
.nodes-page .content-area {
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.clients-page .content-area,
|
||||||
|
.inbounds-page .content-area,
|
||||||
|
.nodes-page .content-area {
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.loading-spacer {
|
.loading-spacer {
|
||||||
min-height: calc(100vh - 120px);
|
min-height: calc(100vh - 120px);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue