Skip to content

Commit e4aefe7

Browse files
feat: Add theme-aware top-loading progress bar
This commit introduces a top-loading progress bar that provides visual feedback during page transitions, improving the user's navigation experience. - **Package Integration:** The `nextjs-toploader` package has been added to provide a lightweight and efficient progress bar solution for Next.js. - **Theme-Aware Color:** The progress bar's color is dynamically set using the `hsl(var(--sidebar-ring))` CSS variable, ensuring it automatically adapts to the application's current theme (light or dark mode). - **Implementation:** The `NextTopLoader` component is integrated into the main `_app.tsx` file, making it active across the entire application.
1 parent 15c81a0 commit e4aefe7

File tree

2 files changed

+1
-1
lines changed

2 files changed

+1
-1
lines changed

apps/dokploy/pages/_app.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ const MyApp = ({
5858
disableTransitionOnChange
5959
forcedTheme={Component.theme}
6060
>
61-
<NextTopLoader />
61+
<NextTopLoader color="hsl(var(--sidebar-ring))" />
6262
<Toaster richColors />
6363
<SearchCommand />
6464
{getLayout(<Component {...pageProps} />)}

dev_server.log

Whitespace-only changes.

0 commit comments

Comments
 (0)