Frosted glass effect

This commit is contained in:
momo5502
2025-07-12 10:24:18 +02:00
parent f9be33b383
commit c513debcae
2 changed files with 3 additions and 2 deletions

View File

@@ -1,4 +1,5 @@
.emulation-summary {
box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.1);
box-shadow: 0px 0px 15px 4px rgba(255, 255, 255, 0.1);
/*border: 1px solid rgba(255, 255, 255, 0.2);*/
backdrop-filter: blur(7px) brightness(0.8) saturate(1.3);
}

View File

@@ -14,7 +14,7 @@ export function EmulationSummary(props: EmulationSummaryProps) {
}
return (
<div className="emulation-summary items-center absolute z-49 right-0 m-6 rounded-xl min-w-[150px] p-3 bg-black text-whtie cursor-default font-medium text-right text-sm whitespace-nowrap leading-6 font-mono">
<div className="emulation-summary items-center absolute z-49 right-0 m-6 rounded-xl min-w-[150px] p-3 text-whtie cursor-default font-medium text-right text-sm whitespace-nowrap leading-6 font-mono">
<TextTooltip tooltip={"Active threads"}>
{props.status.activeThreads}
<BarChartSteps className="inline ml-3" />