diff --git a/src/app/(drift)/layout.tsx b/src/app/(drift)/layout.tsx
index 2171b24a..ec387b67 100644
--- a/src/app/(drift)/layout.tsx
+++ b/src/app/(drift)/layout.tsx
@@ -3,9 +3,7 @@ import { Providers } from "./providers"
import Layout from "@components/layout"
import { Toasts } from "@components/toasts"
import Header from "@components/header"
-import { Inter } from "@next/font/google"
-import { Suspense } from "react"
-import { Spinner } from "@components/spinner"
+import { Inter } from "next/font/google"
const inter = Inter({ subsets: ["latin"], variable: "--inter-font" })
@@ -22,9 +20,7 @@ export default async function RootLayout({
- }>
-
-
+
{children}
diff --git a/src/app/(drift)/mine/page.tsx b/src/app/(drift)/mine/page.tsx
index 289ce3cf..1086dd53 100644
--- a/src/app/(drift)/mine/page.tsx
+++ b/src/app/(drift)/mine/page.tsx
@@ -4,6 +4,7 @@ import PostList from "@components/post-list"
import { getCurrentUser } from "@lib/server/session"
import { authOptions } from "@lib/server/auth"
import { Suspense } from "react"
+import ErrorBoundary from "@components/error/fallback"
export default async function Mine() {
const userId = (await getCurrentUser())?.id
@@ -14,14 +15,16 @@ export default async function Mine() {
const posts = (await getPostsByUser(userId, true)).map(serverPostToClientPost)
return (
- }>
-
-
+
+ }>
+
+
+
)
}
diff --git a/src/app/components/header/header.module.css b/src/app/components/header/header.module.css
index fc039974..51238c75 100644
--- a/src/app/components/header/header.module.css
+++ b/src/app/components/header/header.module.css
@@ -21,13 +21,12 @@
.tabs button,
.tabs a {
color: var(--darker-gray);
- transition: color, box-shadow 0.2s ease-in-out;
+ transition: color 0.2s ease;
}
.tabs .buttons a:hover,
.tabs .buttons button:hover {
color: var(--fg);
- box-shadow: inset 0 -1px 0 var(--fg);
}
.wrapper {
diff --git a/src/app/pages/[fileId]/[fileTitle]/layout.tsx b/src/app/pages/[fileId]/[fileTitle]/layout.tsx
index e862c24f..3af56aa1 100644
--- a/src/app/pages/[fileId]/[fileTitle]/layout.tsx
+++ b/src/app/pages/[fileId]/[fileTitle]/layout.tsx
@@ -2,7 +2,7 @@ import "@styles/globals.css"
import "@styles/markdown.css"
import Layout from "@components/layout"
-import { Inter } from "@next/font/google"
+import { Inter } from "next/font/google"
import ThemeProvider from "./theme-provider"
const inter = Inter({ subsets: ["latin"], variable: "--inter-font" })