oadmin/sub2api
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(frontend): add swipe-to-select for admin tables

Browse Source 
Squash of all swipe-select commits for clean rebase.
This commit is contained in:
erio
2026-03-08 20:51:22 +08:00
parent 034b84b707
commit 0be003377f
5 changed files with 452 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/style.css
View File

@@ -57,6 +57,37 @@
::selection {
@apply bg-primary-500/20 text-primary-900 dark:text-primary-100;
}
/*
* 表格滚动容器：始终显示滚动条，不跟随全局悬停策略。
*
* 浏览器兼容性说明：
* - Chrome 121+ 原生支持 scrollbar-color / scrollbar-width。
* 一旦元素匹配了这两个标准属性，::-webkit-scrollbar-* 被完全忽略。
* 全局 * { scrollbar-width: thin } 使所有元素都走标准属性，
* 因此 Chrome 121+ 只看 scrollbar-color。
* - Chrome < 121 不认识标准属性，只看 ::-webkit-scrollbar-*，
* 所以保留 ::-webkit-scrollbar-thumb 作为回退。
* - Firefox 始终只看 scrollbar-color / scrollbar-width。
*/
.table-wrapper {
scrollbar-width: auto;
scrollbar-color: rgba(156, 163, 175, 0.7) transparent;
}
.dark .table-wrapper {
scrollbar-color: rgba(75, 85, 99, 0.7) transparent;
}
/* 旧版 Chrome (< 121) 兼容回退 */
.table-wrapper::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.table-wrapper::-webkit-scrollbar-thumb {
@apply rounded-full bg-gray-400/70;
}
.dark .table-wrapper::-webkit-scrollbar-thumb {
@apply rounded-full bg-gray-500/70;
}
}
@layer components {