fix(frontend): hide scrollbars on sidebar, modals, and secondary lists; fix diagnosis modal bg

This commit is contained in:
sagitchu
2026-04-21 16:00:06 +08:00
parent c1bc795674
commit d5d26d9cf9
5 changed files with 7 additions and 7 deletions
+2 -2
View File
@@ -402,7 +402,7 @@ export default function AdminLayout({
</div>
{/* 菜单导航 */}
<nav className="flex-1 px-4 overflow-y-auto overflow-x-hidden [scrollbar-width:none]">
<nav className="flex-1 px-4 overflow-y-auto overflow-x-hidden scrollbar-hide">
<ul className="space-y-2">
{filteredMenuItems.map((item) => {
const isActive = location.pathname === item.path;
@@ -555,7 +555,7 @@ export default function AdminLayout({
)}
{/* 主内容 */}
<main className="flex-1 overflow-y-auto [scrollbar-width:none]">
<main className="flex-1 overflow-y-auto scrollbar-hide">
<AnimatePresence mode="wait">
<motion.div
key={location.pathname}
+1 -1
View File
@@ -1205,7 +1205,7 @@ export default function DashboardPage() {
</Button>
</div>
<div className="space-y-2 max-h-60 overflow-y-auto">
<div className="space-y-2 max-h-60 overflow-y-auto scrollbar-hide">
{addressList.map((item) => (
<div
key={item.id}
+2 -2
View File
@@ -4979,7 +4979,7 @@ export default function ForwardPage() {
</Button>
</div>
<div className="space-y-2 max-h-60 overflow-y-auto">
<div className="space-y-2 max-h-60 overflow-y-auto scrollbar-hide">
{addressList.map((item) => (
<div
key={item.id}
@@ -5284,7 +5284,7 @@ export default function ForwardPage() {
</div>
<div
className="max-h-40 overflow-y-auto space-y-1"
className="max-h-40 overflow-y-auto space-y-1 scrollbar-hide"
style={{
scrollbarWidth: "thin",
scrollbarColor: "rgb(156 163 175) transparent",
+1 -1
View File
@@ -3785,7 +3785,7 @@ export default function TunnelPage() {
variant="flat"
/>
<div className="max-h-64 space-y-3 overflow-y-auto rounded-xl border border-divider bg-content2/40 p-3 sm:max-h-72 sm:p-4">
<div className="max-h-64 space-y-3 overflow-y-auto scrollbar-hide rounded-xl border border-divider bg-content2/40 p-3 sm:max-h-72 sm:p-4">
{batchDeleteDependentItems.map((item) => (
<div
key={item.tunnelId}
+1 -1
View File
@@ -1767,7 +1767,7 @@ export default function UserPage() {
流量限制、规则数量、到期时间、流量重置时间将自动继承用户设置
</div>
<div className="grid gap-2 max-h-72 overflow-y-auto pr-1">
<div className="grid gap-2 max-h-72 overflow-y-auto pr-1 scrollbar-hide">
{tunnels.map((tunnel) => {
const isAssigned = isTunnelAssigned(tunnel.id);
const isSelected = batchTunnelSelections.has(tunnel.id);