Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 42bb0a4

Browse files
docs: add InsightNest screenshot
1 parent 058c502 commit 42bb0a4

File tree

3 files changed

+6
-6
lines changed

3 files changed

+6
-6
lines changed

‎00-playground/15-insightnest/README.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22

33
An admin dashboard UI using Next.js, TypeScript, Tailwind CSS, and shadcn/ui.
44

5-
<!-- <p align="center">
6-
<img src="screenshot.png">
7-
</p>-->
5+
<p align="center">
6+
<img src="screenshot.png" alt="InsightNest Dashboard Screenshot">
7+
</p>
88

99
## Features
1010

1111
- setting up the project.
1212
- creating a navbar and sidebar.
1313
- displaying dashboard cards, posts table, and metrics with Recharts.
14-
- displaying posts in a dedicated page.
14+
- displaying posts on a dedicated page.
1515

1616
Based on [Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui](https://www.youtube.com/watch?v=hhudoSMM0yU) by Brad Traversy - Traversy Media (2024).

‎00-playground/15-insightnest/app/layout.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,10 @@ export default function RootLayout({
2121
<body className={inter.className}>
2222
<Navbar />
2323
<div className="flex">
24-
<div className="hidden md:block h-[100vh] w-[300px]">
24+
<div className="hidden md:block h-[150vh] w-[300px]">
2525
<Sidebar />
2626
</div>
27-
<div className="p-5 w-full md:max-w-[1140px]">{children}</div>
27+
<div className="p-5 w-full md:max-w-[1200px]">{children}</div>
2828
</div>
2929
</body>
3030
</html>
161 KB
Loading[フレーム]

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /