tcjlj/flvx
1
0
Fork 0
mirror of https://github.com/Sagit-chu/flvx.git synced 2026-10-10 19:36:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: apply frosted glass backgrounds to inner cards and nested elements

Browse Source 
- Replaced solid backgrounds (bg-white, bg-default-50) with high-blur translucent glass (backdrop-blur-3xl) inside tunnel topology nodes, dashboard forward rules, and flow charts.
- Matched the aesthetic of the inner components to inherit the adaptive light/dark mode root backgrounds.
This commit is contained in:
sagitchu
2026-04-06 11:02:32 +08:00
parent 7c1f5ca660
commit 74ed74ba00
4 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite-frontend/src/pages/dashboard/components/flow-chart-card.tsx
+1 -1
View File
@@ -95,7 +95,7 @@ export const FlowChartCard = ({
: 0;
return (
<div className="bg-white/70 dark:bg-zinc-900/70 backdrop-blur-xl border border-white/50 rounded-2xl shadow-[0_10px_30px_rgba(0,0,0,0.1)] p-4">
<div className="bg-white/20 dark:bg-black/20 backdrop-blur-3xl border border-white/50 rounded-2xl shadow-[0_10px_30px_rgba(0,0,0,0.1)] p-4">
<p className="font-medium text-foreground">{`时间: ${label ?? ""}`}</p>
<p className="text-primary font-semibold mt-1">{`流量: ${formatFlow(flowValue)}`}</p>
</div>