From fe511f19045e6039a2fef54423115b2801f58c13 Mon Sep 17 00:00:00 2001 From: Alex Panturu Date: Tue, 25 Jun 2024 16:03:41 +0300 Subject: [PATCH] explorer: Refactor error state page --- explorer/src/routes/+error.svelte | 22 +++++--- .../__snapshots__/error.spec.js.snap | 52 ++++++++++++------- explorer/src/style/main.css | 11 +++- 3 files changed, 59 insertions(+), 26 deletions(-) diff --git a/explorer/src/routes/+error.svelte b/explorer/src/routes/+error.svelte index 9b4ebb3d2b..81c4db21bd 100644 --- a/explorer/src/routes/+error.svelte +++ b/explorer/src/routes/+error.svelte @@ -2,22 +2,32 @@
-

Error - {status}

-

{error?.message ?? ""}

+ +

+ Error {status}
+ {error?.message ?? ""} +

+
diff --git a/explorer/src/routes/__tests__/__snapshots__/error.spec.js.snap b/explorer/src/routes/__tests__/__snapshots__/error.spec.js.snap index 8ac83cc0d7..bcebd20392 100644 --- a/explorer/src/routes/__tests__/__snapshots__/error.spec.js.snap +++ b/explorer/src/routes/__tests__/__snapshots__/error.spec.js.snap @@ -3,16 +3,24 @@ exports[`Error page > should be able to render the error page even without an error 1`] = `
-

- Error - - 200 -

- -

- -

+
+ +

+ Error + 200 +
+ + +

+ +
+
`; @@ -20,16 +28,24 @@ exports[`Error page > should be able to render the error page even without an er exports[`Error page > should render the error page 1`] = `
-

- Error - - 500 -

- -

- some error message -

+
+ +

+ Error + 500 +
+ + some error message +

+ +
+
`; diff --git a/explorer/src/style/main.css b/explorer/src/style/main.css index d9e01ded28..4dddf3f477 100644 --- a/explorer/src/style/main.css +++ b/explorer/src/style/main.css @@ -55,9 +55,16 @@ html { letter-spacing: 0.06125rem; } -main { +#app-container { + display: flex; + flex-direction: column; + min-height: 100%; +} + +#app-container > main { + flex: 1; padding: 1.25rem 0; - overflow-x: hidden; + overflow: hidden; } svg {