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:
MHSanaei 2026-05-25 14:08:41 +02:00
parent 4e7cecb71b
commit f6ffbcb878
No known key found for this signature in database
GPG key ID: 7E4060F2FBE5AB7A
7 changed files with 18 additions and 43 deletions

View file

@ -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 .ant-select-selector {
min-width: 100px;

View file

@ -1,13 +1,3 @@
.inbounds-page .content-area {
padding: 24px;
}
@media (max-width: 768px) {
.inbounds-page .content-area {
padding: 8px;
}
}
.summary-card {
padding: 16px;
}

View file

@ -1,7 +1,3 @@
.index-page .content-area {
padding: 24px;
}
@media (max-width: 768px) {
.index-page .content-area {
padding: 12px;

View file

@ -1,13 +1,3 @@
.nodes-page .content-area {
padding: 24px;
}
@media (max-width: 768px) {
.nodes-page .content-area {
padding: 8px;
}
}
.nodes-page .summary-card {
padding: 16px;
}

View file

@ -1,7 +1,3 @@
.settings-page .content-area {
padding: 24px;
}
.settings-page .conf-alert {
margin-bottom: 10px;
}
@ -52,6 +48,6 @@
.ldap-no-inbounds {
margin-top: 6px;
color: #999;
color: var(--ant-color-text-tertiary);
font-size: 12px;
}

View file

@ -1,7 +1,3 @@
.xray-page .content-area {
padding: 24px;
}
.xray-page .header-row {
display: flex;
flex-wrap: wrap;

View file

@ -60,6 +60,23 @@
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 {
min-height: calc(100vh - 120px);
}