114 lines
2.7 KiB
CSS
114 lines
2.7 KiB
CSS
/* AJAX tab error state */
|
|
.aksrt-homepage__tab-error {
|
|
padding: 32px 16px;
|
|
text-align: center;
|
|
color: var(--color-ink-4, #999);
|
|
font-size: 14px;
|
|
background: var(--surface-1);
|
|
border: none;
|
|
border-radius: var(--main-radius, var(--radius, 8px));
|
|
box-shadow: var(--shadow-sm);
|
|
}
|
|
|
|
.aksrt-homepage__tab-retry {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin-top: 12px;
|
|
padding: 8px 16px;
|
|
border: 1px solid var(--color-line);
|
|
border-radius: var(--radius-btn, 4px);
|
|
background: var(--surface-4, #fff);
|
|
color: var(--color-ink-3, #777);
|
|
font-size: 13px;
|
|
cursor: pointer;
|
|
transition: color 0.2s, border-color 0.2s, background 0.2s;
|
|
}
|
|
|
|
.aksrt-homepage__tab-retry:hover {
|
|
color: var(--color-primary, var(--color-primary));
|
|
border-color: var(--color-primary, var(--color-primary));
|
|
background: var(--color-primary-soft);
|
|
}
|
|
|
|
/* ================================================================
|
|
14. RESPONSIVE — TABLET (max-width: 991px)
|
|
================================================================ */
|
|
|
|
@media (max-width: 991.98px) {
|
|
.aksrt-homepage__shell.content-shell,
|
|
.aksrt-homepage__fluid-zone.content-shell {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
}
|
|
|
|
/* ================================================================
|
|
15. RESPONSIVE — MOBILE (max-width: 767px)
|
|
================================================================ */
|
|
|
|
@media (max-width: 767px) {
|
|
.aksrt-homepage__shell.content-shell {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
/* Tab skeleton: smaller thumb */
|
|
.aksrt-homepage__tab-skeleton-thumb {
|
|
width: 120px;
|
|
min-width: 120px;
|
|
height: 84px;
|
|
}
|
|
}
|
|
|
|
/* ================================================================
|
|
16. RESPONSIVE — SMALL MOBILE (max-width: 640px)
|
|
================================================================ */
|
|
|
|
@media (max-width: 640px) {
|
|
.aksrt-homepage__stream-header {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: 10px;
|
|
}
|
|
|
|
.aksrt-homepage__stream-title {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.aksrt-homepage__stream-subtitle {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.aksrt-homepage__tabs,
|
|
.aksrt-homepage__titlebox {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.aksrt-homepage__admin-link {
|
|
margin-left: 0;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-stuck,
|
|
.aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-affixed {
|
|
padding: 8px 10px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.aksrt-homepage__sortbar {
|
|
gap: 10px;
|
|
margin-bottom: 12px;
|
|
padding-bottom: 12px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* Tab skeleton: adapt */
|
|
.aksrt-homepage__tab-skeleton-thumb {
|
|
width: 96px;
|
|
min-width: 96px;
|
|
height: 67px;
|
|
}
|
|
}
|
|
|