mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-10-16 02:44:59 +03:00
MHSanaei
6f1dd0d757
The sidebar no longer carries a sponsor card. The backend stops serving the "sidebar" slot, so a sponsors.json entry that still lists it keeps only its other slots and one listing nothing else is dropped. Its rotation, three-sponsor cap and collapsed-rail logo rendering go with it. The Sponsors page now lists only real sponsors: the "Your brand here" card shows only as the empty state instead of sitting in the grid and repeating the header's Become a sponsor button, and the Available placements section and its slot-occupancy helper are removed. Cards are larger, two per row on wide screens. Unused i18n keys are dropped from every locale.
75 lines
1.3 KiB
CSS
75 lines
1.3 KiB
CSS
.sponsors-page .ant-layout,
|
|
.sponsors-page .ant-layout-content,
|
|
.sponsors-page .content-shell {
|
|
background: transparent;
|
|
}
|
|
|
|
.sponsors-page .content-area {
|
|
padding: 24px;
|
|
}
|
|
|
|
.sponsors-inner {
|
|
max-width: 1200px;
|
|
}
|
|
|
|
.sponsors-header {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 16px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.sponsors-page .sponsors-title {
|
|
margin: 0 0 4px;
|
|
}
|
|
|
|
.sponsors-title-icon {
|
|
color: #faad14;
|
|
}
|
|
|
|
.sponsors-yourbrand {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 40px 24px;
|
|
border: 1.5px dashed var(--ant-color-border);
|
|
border-radius: var(--ant-border-radius-lg, 8px);
|
|
text-align: center;
|
|
background: var(--bg-card, transparent);
|
|
}
|
|
|
|
.sponsors-yourbrand-icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 56px;
|
|
height: 56px;
|
|
border-radius: 8px;
|
|
font-size: 22px;
|
|
color: var(--ant-color-primary);
|
|
background: var(--ant-color-primary-bg);
|
|
}
|
|
|
|
.sponsors-yourbrand-title {
|
|
font-weight: 600;
|
|
font-size: 15px;
|
|
color: var(--ant-color-text);
|
|
}
|
|
|
|
.sponsors-yourbrand-text {
|
|
max-width: 420px;
|
|
margin-bottom: 4px;
|
|
font-size: 13px;
|
|
color: var(--ant-color-text-secondary);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.sponsors-page .content-area {
|
|
padding: 12px;
|
|
padding-top: 64px;
|
|
}
|
|
}
|