leemuzi/real-time-fund
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: PC端表格斑马纹

Browse Source
This commit is contained in:
hzm
2026-03-13 22:44:40 +08:00
parent b8f3af4486
commit 9ac773f0c2
2 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/components/PcFundTable.jsx
View File

@@ -1005,7 +1005,27 @@ export default function PcFundTable({
<style>{` <style>{`
.table-row-scroll { .table-row-scroll {
--row-bg: var(--bg); --row-bg: var(--bg);
background-color: var(--row-bg); background-color: var(--row-bg) !important;
}
.table-row-scroll:nth-child(even),
.table-row-scroll.row-even {
background-color: var(--table-row-alt-bg) !important;
}
.table-row-scroll:hover {
--row-bg: var(--table-row-hover-bg);
background-color: var(--row-bg) !important;
}
/* Pinned cells inherit from parent row */
.table-row-scroll .pinned-cell {
background-color: var(--row-bg) !important;
}
.table-row-scroll:nth-child(even) .pinned-cell,
.table-row-scroll.row-even .pinned-cell {
background-color: var(--table-row-alt-bg) !important;
}
.table-row-scroll:hover .pinned-cell {
background-color: var(--table-row-hover-bg) !important;
} }
.table-row-scroll:nth-child(even) { .table-row-scroll:nth-child(even) {
background-color: var(--table-row-alt-bg); background-color: var(--table-row-alt-bg);

10
app/globals.css
View File

@@ -460,8 +460,9 @@ body::before {
background: #e2e8f0; background: #e2e8f0;
} }
[data-theme="light"] .table-row-scroll:nth-child(even) { [data-theme="light"] .table-row-scroll:nth-child(even),
background: var(--table-row-alt-bg); [data-theme="light"] .table-row-scroll.row-even {
background: var(--table-row-alt-bg) !important;
} }
[data-theme="light"] .table-fixed-row.row-hovered { [data-theme="light"] .table-fixed-row.row-hovered {
@@ -1414,8 +1415,9 @@ input[type="number"] {
background: rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.08);
} }
.table-row-scroll:nth-child(even) { .table-row-scroll:nth-child(even),
background: var(--table-row-alt-bg); .table-row-scroll.row-even {
background: var(--table-row-alt-bg) !important;
} }
.table-fixed-row.row-hovered { .table-fixed-row.row-hovered {