Fixes and cleaner tooltips

This commit is contained in:
momo5502
2025-09-28 08:57:54 +02:00
parent b6a0832309
commit 8eb306b84f
3 changed files with 4 additions and 3 deletions

View File

@@ -9,7 +9,7 @@
var(--gradient-loader-1) 0%,
var(--gradient-loader-1) 35%,
var(--gradient-loader-2) 50%,
var(--gradient-loader-1) 55%,
var(--gradient-loader-1) 53%,
var(--gradient-loader-1) 100%
);
width: 100%;

View File

@@ -44,13 +44,13 @@ function TooltipContent({
data-slot="tooltip-content"
sideOffset={sideOffset}
className={cn(
"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
"bg-neutral-700 text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
className,
)}
{...props}
>
{children}
<TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
<TooltipPrimitive.Arrow className="bg-neutral-700 fill-neutral-700 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
</TooltipPrimitive.Content>
</TooltipPrimitive.Portal>
);

View File

@@ -194,6 +194,7 @@ export class Playground extends React.Component<
const promise = new Promise<Filesystem>((resolve, reject) => {
if (!force) {
this.output.current?.clear();
this.logLine("Loading filesystem...");
}