diff --git a/web/src/pages/AuditLogsPage.module.css b/web/src/pages/AuditLogsPage.module.css index aa517fc..1ffd56f 100644 --- a/web/src/pages/AuditLogsPage.module.css +++ b/web/src/pages/AuditLogsPage.module.css @@ -43,7 +43,15 @@ .skeletonCell { height: 16px; background: var(--color-border-card); border-radius: 4px; animation: pulse 1.5s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } -.pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-bottom: 8px; } +.pagination { + display: flex; justify-content: space-between; align-items: center; + /* sticky 贴底:翻页按钮始终可见 */ + position: sticky; bottom: 0; + margin-top: 16px; + padding: 8px 0 8px; + background: var(--color-bg-page); + z-index: 10; +} .pageInfo { color: var(--color-text-secondary); font-size: 13px; } .pageButtons { display: flex; gap: 4px; } .pageButtons button { diff --git a/web/src/pages/LoginRecordsPage.module.css b/web/src/pages/LoginRecordsPage.module.css index 2c8b6f3..36eec2f 100644 --- a/web/src/pages/LoginRecordsPage.module.css +++ b/web/src/pages/LoginRecordsPage.module.css @@ -35,7 +35,15 @@ .skeletonCell { height: 16px; background: var(--color-border-card); border-radius: 4px; animation: pulse 1.5s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } -.pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-bottom: 8px; } +.pagination { + display: flex; justify-content: space-between; align-items: center; + /* sticky 贴底:翻页按钮始终可见 */ + position: sticky; bottom: 0; + margin-top: 16px; + padding: 8px 0 8px; + background: var(--color-bg-page); + z-index: 10; +} .pageInfo { color: var(--color-text-secondary); font-size: 13px; } .pageButtons { display: flex; gap: 4px; } .pageButtons button { diff --git a/web/src/pages/RecordsPage.module.css b/web/src/pages/RecordsPage.module.css index d9670dc..3ac3d80 100644 --- a/web/src/pages/RecordsPage.module.css +++ b/web/src/pages/RecordsPage.module.css @@ -57,7 +57,15 @@ .skeletonCell { height: 16px; background: var(--color-border-card); border-radius: 4px; animation: pulse 1.5s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } -.pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-bottom: 8px; } +.pagination { + display: flex; justify-content: space-between; align-items: center; + /* sticky 贴底:翻页按钮始终可见,不用滚到最底才能点 */ + position: sticky; bottom: 0; + margin-top: 16px; + padding: 8px 0 8px; + background: var(--color-bg-page); + z-index: 10; +} .pageInfo { color: var(--color-text-secondary); font-size: 13px; } .pageButtons { display: flex; gap: 4px; } .pageButtons button { diff --git a/web/src/pages/UsersPage.module.css b/web/src/pages/UsersPage.module.css index 31817b8..7249d9f 100644 --- a/web/src/pages/UsersPage.module.css +++ b/web/src/pages/UsersPage.module.css @@ -51,7 +51,15 @@ .skeletonCell { height: 16px; background: var(--color-border-card); border-radius: 4px; animation: pulse 1.5s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } -.pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-bottom: 8px; } +.pagination { + display: flex; justify-content: space-between; align-items: center; + /* sticky 贴底:翻页按钮始终可见 */ + position: sticky; bottom: 0; + margin-top: 16px; + padding: 8px 0 8px; + background: var(--color-bg-page); + z-index: 10; +} .pageInfo { color: var(--color-text-secondary); font-size: 13px; } .pageButtons { display: flex; gap: 4px; } .pageButtons button {