t0ng7u
b0e7b9ae80
Summary Implement a dedicated, reusable scrolling mechanism for all console-table pages while keeping header and sidebar fixed, plus related layout improvements. Key Changes • Added `.table-scroll-card` utility class – Provides flex column layout and internal vertical scrolling – Desktop height: `calc(100vh - 110px)`; Mobile (<768 px) height: `calc(100vh - 77px)` – Hides scrollbars cross-browser (`-ms-overflow-style`, `scrollbar-width`, `::-webkit-scrollbar`) • Replaced global `.semi-card` scrolling rules with `.table-scroll-card` to avoid affecting non-table cards • Updated table components (Channels, Tokens, Users, Logs, MjLogs, TaskLogs, Redemptions) to use the new class • PageLayout – Footer is now suppressed for all `/console` routes – Confirmed only central content area scrolls; header & sidebar remain fixed • Restored hidden scrollbar rules for `.semi-layout-content` and removed unnecessary global overrides • Minor CSS cleanup & comment improvements for readability Result Console table pages now fill the viewport with smooth, internal scrolling and no visible scrollbars, while other cards and pages remain unaffected.
27 lines
660 B
JavaScript
27 lines
660 B
JavaScript
import React from 'react';
|
||
import { useTokenKeys } from '../../hooks/useTokenKeys';
|
||
|
||
const chat2page = () => {
|
||
const { keys, chatLink, serverAddress, isLoading } = useTokenKeys();
|
||
|
||
const comLink = (key) => {
|
||
if (!chatLink || !serverAddress || !key) return '';
|
||
return `${chatLink}/#/?settings={"key":"sk-${key}","url":"${encodeURIComponent(serverAddress)}"}`;
|
||
};
|
||
|
||
if (keys.length > 0) {
|
||
const redirectLink = comLink(keys[0]);
|
||
if (redirectLink) {
|
||
window.location.href = redirectLink;
|
||
}
|
||
}
|
||
|
||
return (
|
||
<div className="mt-[60px] px-2">
|
||
<h3>正在加载，请稍候...</h3>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default chat2page;
|