Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2026-02-19 00:46:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update modal

Browse Source
This commit is contained in:
MacRimi
2026-02-14 17:28:35 +01:00
parent bafaaf9c47
commit 9f8c27ddc1
2 changed files with 27 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
AppImage/components/security.tsx
View File

@@ -2433,19 +2433,26 @@ ${(report.sections && report.sections.length > 0) ? `
</div>
</div>
{/* Visual bar */}
<div className="flex items-center gap-2">
<div className="flex-1 h-2 rounded-full bg-muted overflow-hidden flex">
{acceptCount > 0 && (
<div className="h-full bg-green-500 transition-all" style={{ width: `${(acceptCount / total) * 100}%` }} />
)}
{dropCount > 0 && (
<div className="h-full bg-red-500 transition-all" style={{ width: `${(dropCount / total) * 100}%` }} />
)}
{rejectCount > 0 && (
<div className="h-full bg-orange-500 transition-all" style={{ width: `${(rejectCount / total) * 100}%` }} />
)}
<div className="space-y-1.5 sm:space-y-0">
<div className="flex items-center gap-2">
<div className="flex-1 h-2 rounded-full bg-muted overflow-hidden flex">
{acceptCount > 0 && (
<div className="h-full bg-green-500 transition-all" style={{ width: `${(acceptCount / total) * 100}%` }} />
)}
{dropCount > 0 && (
<div className="h-full bg-red-500 transition-all" style={{ width: `${(dropCount / total) * 100}%` }} />
)}
{rejectCount > 0 && (
<div className="h-full bg-orange-500 transition-all" style={{ width: `${(rejectCount / total) * 100}%` }} />
)}
</div>
<div className="hidden sm:flex items-center gap-3 text-[10px] text-muted-foreground flex-shrink-0">
<span className="flex items-center gap-1"><span className="w-2 h-2 rounded-full bg-green-500" />Accept</span>
<span className="flex items-center gap-1"><span className="w-2 h-2 rounded-full bg-red-500" />Drop</span>
<span className="flex items-center gap-1"><span className="w-2 h-2 rounded-full bg-orange-500" />Reject</span>
</div>
</div>
<div className="flex items-center gap-3 text-[10px] text-muted-foreground flex-shrink-0">
<div className="flex sm:hidden items-center gap-3 text-[10px] text-muted-foreground">
<span className="flex items-center gap-1"><span className="w-2 h-2 rounded-full bg-green-500" />Accept</span>
<span className="flex items-center gap-1"><span className="w-2 h-2 rounded-full bg-red-500" />Drop</span>
<span className="flex items-center gap-1"><span className="w-2 h-2 rounded-full bg-orange-500" />Reject</span>