fix: space app default background (#8384)

This commit is contained in:
Aaryan Khandelwal 2025-12-18 18:43:37 +05:30 committed by GitHub
parent eafa393524
commit ba7b2a3e27
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 11 additions and 11 deletions

View file

@ -7,7 +7,7 @@ function ErrorPage() {
};
return (
<div className="grid h-screen place-items-center p-4">
<div className="bg-surface-1 grid h-screen place-items-center p-4">
<div className="space-y-8 text-center">
<div className="space-y-2">
<h3 className="text-16 font-semibold">Yikes! That doesn{"'"}t look good.</h3>

View file

@ -114,7 +114,7 @@ function IssuesLayout(props: Route.ComponentProps) {
if (!publishSettings && !error) {
return (
<div className="flex items-center justify-center h-screen w-full">
<div className="bg-surface-1 flex items-center justify-center h-screen w-full">
<LogoSpinner />
</div>
);

View file

@ -3,9 +3,9 @@ import SomethingWentWrongImage from "@/app/assets/something-went-wrong.svg?url";
function NotFound() {
return (
<div className="h-screen w-screen grid place-items-center">
<div className="h-screen w-screen grid place-items-center bg-surface-1">
<div className="text-center">
<div className="mx-auto size-32 md:size-52 grid place-items-center rounded-full bg-layer-1">
<div className="mx-auto size-32 md:size-52 grid place-items-center rounded-full">
<div className="size-16 md:size-32 grid place-items-center">
<img src={SomethingWentWrongImage} alt="Something went wrong" width={128} height={128} />
</div>

View file

@ -29,7 +29,7 @@ const HomePage = observer(function HomePage() {
if (isInitializing)
return (
<div className="flex h-screen min-h-[500px] w-full justify-center items-center">
<div className="bg-surface-1 flex h-screen min-h-[500px] w-full justify-center items-center">
<LogoSpinner />
</div>
);
@ -37,7 +37,7 @@ const HomePage = observer(function HomePage() {
if (currentUser && isAuthenticated) {
if (nextPath && isValidNextPath(nextPath)) {
return (
<div className="flex h-screen min-h-[500px] w-full justify-center items-center">
<div className="bg-surface-1 flex h-screen min-h-[500px] w-full justify-center items-center">
<LogoSpinner />
</div>
);

View file

@ -72,7 +72,7 @@ export default function Root() {
export function HydrateFallback() {
return (
<div className="relative flex h-screen w-full items-center justify-center">
<div className="bg-surface-1 relative flex h-screen w-full items-center justify-center">
<LogoSpinner />
</div>
);