ahmed/portfolio-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Fallback link
All checks were successful
Publish Docker Image / Publish Docker Image (push) Successful in 5s
Details

Browse Source
This commit is contained in:
Ahmed Al-Taiar
2025-05-21 12:25:37 -04:00
parent 0e8a6d9e98
commit 98cd4c465c
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/scene/Scene.tsx
View File

@@ -32,7 +32,7 @@ import round from "lodash/round";
import Stack from "@/util/stack"; import Stack from "@/util/stack";
import isMobile from "@/util/isMobile"; import isMobile from "@/util/isMobile";
import { Canvas } from "@react-three/fiber"; import { Canvas } from "@react-three/fiber";
import { mdiArrowLeftBold } from "@mdi/js"; import { mdiArrowLeftBold, mdiOpenInNew } from "@mdi/js";
import { Icon } from "@mdi/react"; import { Icon } from "@mdi/react";
import { PDF } from "../util/PDF"; import { PDF } from "../util/PDF";
import { CellphoneUI } from "../ui/CellphoneUI"; import { CellphoneUI } from "../ui/CellphoneUI";
@@ -177,9 +177,21 @@ export function Scene(props: JSX.IntrinsicElements["group"]) {
<div className="min-w-12 text-white bottom-0 right-0 absolute m-3 p-1 text-xs text-right text-stroke-2 text-stroke-black paint-sfm"> <div className="min-w-12 text-white bottom-0 right-0 absolute m-3 p-1 text-xs text-right text-stroke-2 text-stroke-black paint-sfm">
<Info /> <Info />
{fps > 0 && ( {fps > 0 && (
<> <p>
{fps.toFixed(0)} fps | {dpr}x {fps.toFixed(0)} fps | {dpr}x
</> </p>
)}
{config.fallbackUrl && (
<div className="flex gap-1 justify-end items-center">
<Icon path={mdiOpenInNew} className="h-3" />
<a
href={config.fallbackUrl}
target="_blank"
className="hover:underline pointer-events-auto"
>
fallback
</a>
</div>
)} )}
</div> </div>
</div> </div>