From 8ebad5d32b1452a15d479b0e9a116f9114b8529c Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Sun, 23 Nov 2025 09:18:21 +0800
Subject: [PATCH] [O] css > tailwind

---
 src/routes/+error.svelte  | 20 +++++++++-----------
 src/routes/+layout.svelte |  2 +-
 src/style/app.sass        | 22 ----------------------
 3 files changed, 10 insertions(+), 34 deletions(-)

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 44dbbe5..6f64e37 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -5,15 +5,13 @@
 
   const t = getI18n().errorPage;
 </script>
-
-<main> 
-  <AppBar title={t.title} />
-  <div class="p-content error-page__content">
-    <p class="error-page__text" >{@html t.message}</p>
-    <div class="error-page__button-container">
-      <a href="/">
-        <Button class="error-page__button">{t.return}</Button>
-      </a>
-    </div>
+ 
+<AppBar title={t.title} />
+<div class="p-content">
+  <p class="mt-12px">{@html t.message}</p>
+  <div class="absolute bottom-16px inset-x-16px">
+    <a href="/">
+      <Button big>{t.return}</Button>
+    </a>
   </div>
-</main>
+</div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4224746..bd40088 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -33,7 +33,7 @@
   <link rel="icon" href={favicon} />
 </svelte:head>
 
-<div class="app-container vbox h-screen min-h-screen box-border overflow-hidden relative">
+<div class="vbox h-screen min-h-screen box-border overflow-hidden relative max-w-1200px mx-auto">
   {@render children()}
 </div>
 
diff --git a/src/style/app.sass b/src/style/app.sass
index 6fb3a28..62f27fa 100644
--- a/src/style/app.sass
+++ b/src/style/app.sass
@@ -38,25 +38,3 @@ body
     overflow-y: auto
     min-height: 0
     flex: 1
-
-.app-container
-    max-width: 1200px
-    margin: 0 auto
-
-.error-page__link
-    text-decoration: underline
-
-.error-page__button
-    display: flex
-    align-items: center
-    justify-content: center
-    width: 100%
-
-
-.error-page__text
-    margin-top: 12px
-
-.error-page__button-container
-    position: absolute
-    bottom: 16px
-    width: calc(100% - 32px)
\ No newline at end of file