2023-04-26 17:02:26 +08:00
|
|
|
import React from 'react';
|
2025-06-04 00:42:06 +08:00
|
|
|
import RedemptionsTable from '../../components/table/RedemptionsTable';
|
2023-04-26 17:02:26 +08:00
|
|
|
|
2024-12-13 19:03:14 +08:00
|
|
|
const Redemption = () => {
|
|
|
|
|
return (
|
🎨 refactor(ui): scope table scrolling to console cards & refine overall layout
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.
2025-07-18 01:06:18 +08:00
|
|
|
<div className="mt-[60px] px-2">
|
2025-05-23 16:58:19 +08:00
|
|
|
<RedemptionsTable />
|
2025-06-25 15:26:51 +08:00
|
|
|
</div>
|
2025-04-04 12:00:38 +08:00
|
|
|
);
|
|
|
|
|
};
|
2023-04-26 17:02:26 +08:00
|
|
|
|
|
|
|
|
export default Redemption;
|