mirror of
https://github.com/Sagit-chu/flvx.git
synced 2026-10-11 19:56:37 +08:00
fix(frontend): hide scrollbars on sidebar, modals, and secondary lists; fix diagnosis modal bg
This commit is contained in:
@@ -402,7 +402,7 @@ export default function AdminLayout({
|
|||||||
</div>
|
</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">
|
<ul className="space-y-2">
|
||||||
{filteredMenuItems.map((item) => {
|
{filteredMenuItems.map((item) => {
|
||||||
const isActive = location.pathname === item.path;
|
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">
|
<AnimatePresence mode="wait">
|
||||||
<motion.div
|
<motion.div
|
||||||
key={location.pathname}
|
key={location.pathname}
|
||||||
|
|||||||
@@ -1205,7 +1205,7 @@ export default function DashboardPage() {
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</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) => (
|
{addressList.map((item) => (
|
||||||
<div
|
<div
|
||||||
key={item.id}
|
key={item.id}
|
||||||
|
|||||||
@@ -4979,7 +4979,7 @@ export default function ForwardPage() {
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</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) => (
|
{addressList.map((item) => (
|
||||||
<div
|
<div
|
||||||
key={item.id}
|
key={item.id}
|
||||||
@@ -5284,7 +5284,7 @@ export default function ForwardPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<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={{
|
style={{
|
||||||
scrollbarWidth: "thin",
|
scrollbarWidth: "thin",
|
||||||
scrollbarColor: "rgb(156 163 175) transparent",
|
scrollbarColor: "rgb(156 163 175) transparent",
|
||||||
|
|||||||
@@ -3785,7 +3785,7 @@ export default function TunnelPage() {
|
|||||||
variant="flat"
|
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) => (
|
{batchDeleteDependentItems.map((item) => (
|
||||||
<div
|
<div
|
||||||
key={item.tunnelId}
|
key={item.tunnelId}
|
||||||
|
|||||||
@@ -1767,7 +1767,7 @@ export default function UserPage() {
|
|||||||
流量限制、规则数量、到期时间、流量重置时间将自动继承用户设置
|
流量限制、规则数量、到期时间、流量重置时间将自动继承用户设置
|
||||||
</div>
|
</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) => {
|
{tunnels.map((tunnel) => {
|
||||||
const isAssigned = isTunnelAssigned(tunnel.id);
|
const isAssigned = isTunnelAssigned(tunnel.id);
|
||||||
const isSelected = batchTunnelSelections.has(tunnel.id);
|
const isSelected = batchTunnelSelections.has(tunnel.id);
|
||||||
|
|||||||
Reference in New Issue
Block a user