165 lines
2.5 KiB
CSS
165 lines
2.5 KiB
CSS
/* Admin placeholder */
|
|
.admin-placeholder {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
padding: 32px;
|
|
background: var(--paper);
|
|
}
|
|
|
|
.admin-placeholder__card {
|
|
width: min(760px, 100%);
|
|
padding: 40px;
|
|
border: 1px solid var(--line);
|
|
border-radius: 8px;
|
|
background: var(--paper-warm);
|
|
}
|
|
|
|
.admin-placeholder__card h2 {
|
|
margin: 22px 0 10px !important;
|
|
color: var(--brand-ink) !important;
|
|
}
|
|
|
|
.not-found {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
background: var(--paper);
|
|
}
|
|
|
|
@media (max-width: 1100px) {
|
|
.home-hero__inner {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.home-hero__visual {
|
|
display: none;
|
|
}
|
|
|
|
.process-grid {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
row-gap: 24px;
|
|
}
|
|
|
|
.trust-strip__inner {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
.site-nav {
|
|
display: none;
|
|
}
|
|
|
|
.login-page {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.login-brand-panel__inner {
|
|
min-height: auto;
|
|
padding: 44px 28px 52px;
|
|
}
|
|
|
|
.login-brand__logo {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.login-brand__seal {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.site-header {
|
|
height: 64px;
|
|
}
|
|
|
|
.site-header__inner {
|
|
padding: 0 16px;
|
|
}
|
|
|
|
.site-header__inner > .ant-space .ant-btn {
|
|
padding-inline: 10px;
|
|
}
|
|
|
|
.home-hero__inner {
|
|
min-height: auto;
|
|
padding: 52px 16px 48px;
|
|
}
|
|
|
|
.home-hero__title {
|
|
font-size: 42px !important;
|
|
}
|
|
|
|
.home-hero__search {
|
|
width: 100%;
|
|
}
|
|
|
|
.trust-strip__inner,
|
|
.section-block,
|
|
.site-footer__inner {
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.trust-strip__inner {
|
|
grid-template-columns: 1fr;
|
|
gap: 14px;
|
|
}
|
|
|
|
.section-block {
|
|
padding-top: 52px;
|
|
padding-bottom: 52px;
|
|
}
|
|
|
|
.section-heading {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
|
|
.process-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.process-step {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.rules-panel {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
padding: 24px;
|
|
}
|
|
|
|
.login-form-panel {
|
|
padding: 28px 16px;
|
|
}
|
|
|
|
.login-form-card {
|
|
padding: 24px;
|
|
}
|
|
|
|
.site-footer__inner {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
/* Phase 1 shared loading */
|
|
.page-loading {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
background: var(--paper);
|
|
}
|
|
|
|
.page-loading__placeholder {
|
|
width: 120px;
|
|
height: 40px;
|
|
}
|
|
|