vodorod/Dorod-Sky
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Make Status404 page inline (#3929)

Browse Source
This commit is contained in:
Jonathan Dobson
2025-11-06 13:35:36 -05:00
committed by GitHub
parent 8482ff4a75
commit 28f7dcc1a7
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
skyvern-frontend/src/components/Status404.tsx
View File

@@ -2,7 +2,11 @@ import "./Status404.css";
function Status404() { function Status404() {
return ( return (
<div className="fixed inset-0 z-50 bg-background"> <div
className="relative z-50 flex w-full items-center justify-center bg-background"
// hack(jdo): 7.5rem is header height; this is a fail, IMO; we should redo root layout CSS
style={{ height: "calc(100vh - 7.5rem)" }}
>
<div className="absolute flex h-full w-full items-center justify-center"> <div className="absolute flex h-full w-full items-center justify-center">
<div className="animate-roll-right-404 relative flex h-[13rem] w-[13rem] flex-col items-center justify-center rounded-full bg-white/5 text-xl font-bold text-white"> <div className="animate-roll-right-404 relative flex h-[13rem] w-[13rem] flex-col items-center justify-center rounded-full bg-white/5 text-xl font-bold text-white">
<div className="animate-fade-in-404">404</div> <div className="animate-fade-in-404">404</div>
@@ -13,11 +17,7 @@ function Status404() {
</div> </div>
</div> </div>
<div className="absolute flex h-full w-full items-center justify-center"> <div className="absolute flex h-full w-full items-center justify-center">
<img <img src="/404-sad-dragon-md.png" alt="404 Not Found" />
src="/404-sad-dragon-md.png"
alt="404 Not Found"
className="max-h-screen max-w-2xl object-contain"
/>
</div> </div>
</div> </div>
); );