Files
3x-ui/frontend/src/styles/page-cards.css
T
2026-06-01 16:32:12 +02:00

87 lines
3.1 KiB
CSS

.index-page .ant-card,
.clients-page .ant-card,
.inbounds-page .ant-card,
.xray-page .ant-card,
.settings-page .ant-card,
.nodes-page .ant-card,
.groups-page .ant-card,
.api-docs-page .ant-card {
border-radius: 12px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.2s ease;
}
.index-page.is-dark .ant-card,
.clients-page.is-dark .ant-card,
.inbounds-page.is-dark .ant-card,
.xray-page.is-dark .ant-card,
.settings-page.is-dark .ant-card,
.nodes-page.is-dark .ant-card,
.groups-page.is-dark .ant-card,
.api-docs-page.is-dark .ant-card {
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.index-page.is-dark.is-ultra .ant-card,
.clients-page.is-dark.is-ultra .ant-card,
.inbounds-page.is-dark.is-ultra .ant-card,
.xray-page.is-dark.is-ultra .ant-card,
.settings-page.is-dark.is-ultra .ant-card,
.nodes-page.is-dark.is-ultra .ant-card,
.groups-page.is-dark.is-ultra .ant-card,
.api-docs-page.is-dark.is-ultra .ant-card {
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.6),
inset 0 1px 0 rgba(255, 255, 255, 0.025);
}
.index-page .ant-card.ant-card-hoverable:hover,
.clients-page .ant-card.ant-card-hoverable:hover,
.inbounds-page .ant-card.ant-card-hoverable:hover,
.xray-page .ant-card.ant-card-hoverable:hover,
.settings-page .ant-card.ant-card-hoverable:hover,
.nodes-page .ant-card.ant-card-hoverable:hover,
.groups-page .ant-card.ant-card-hoverable:hover,
.api-docs-page .ant-card.ant-card-hoverable:hover {
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.index-page.is-dark .ant-card.ant-card-hoverable:hover,
.clients-page.is-dark .ant-card.ant-card-hoverable:hover,
.inbounds-page.is-dark .ant-card.ant-card-hoverable:hover,
.xray-page.is-dark .ant-card.ant-card-hoverable:hover,
.settings-page.is-dark .ant-card.ant-card-hoverable:hover,
.nodes-page.is-dark .ant-card.ant-card-hoverable:hover,
.groups-page.is-dark .ant-card.ant-card-hoverable:hover,
.api-docs-page.is-dark .ant-card.ant-card-hoverable:hover {
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.index-page.is-dark.is-ultra .ant-card.ant-card-hoverable:hover,
.clients-page.is-dark.is-ultra .ant-card.ant-card-hoverable:hover,
.inbounds-page.is-dark.is-ultra .ant-card.ant-card-hoverable:hover,
.xray-page.is-dark.is-ultra .ant-card.ant-card-hoverable:hover,
.settings-page.is-dark.is-ultra .ant-card.ant-card-hoverable:hover,
.nodes-page.is-dark.is-ultra .ant-card.ant-card-hoverable:hover,
.groups-page.is-dark.is-ultra .ant-card.ant-card-hoverable:hover,
.api-docs-page.is-dark.is-ultra .ant-card.ant-card-hoverable:hover {
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.75),
inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.index-page .ant-card .ant-card-actions,
.clients-page .ant-card .ant-card-actions,
.inbounds-page .ant-card .ant-card-actions,
.xray-page .ant-card .ant-card-actions,
.settings-page .ant-card .ant-card-actions,
.nodes-page .ant-card .ant-card-actions,
.groups-page .ant-card .ant-card-actions,
.api-docs-page .ant-card .ant-card-actions {
background: transparent;
}