chore: remove outdated issues document and update image paths
- Deleted the `ISSUES.md` file as it contained outdated information. - Updated image paths in various components to remove the `/images` prefix for consistency.
javayhu
@ -1 +0,0 @@
|
||||
1. When navigate to docs and navigate back to homepage, the page layout may shift when click the action buttons on the navbar
|
||||
@ -5,12 +5,6 @@ description: An overview of Fumadocs UI
|
||||
|
||||
## Architecture
|
||||
|
||||
| ------------- | ------------------------------------------------------- |
|
||||
| **Sidebar** | Display site title and navigation elements. |
|
||||
| **Page Tree** | Passed by you, mainly rendered as the items of sidebar. |
|
||||
| **Docs Page** | All content of the page. |
|
||||
| **TOC** | Navigation within the article. |
|
||||
|
||||
### Page Tree
|
||||
|
||||
Navigation elements like sidebar take a [Page Tree](/docs/headless/page-tree) to render navigation links, it's a tree that describes all available pages and folders.
|
||||
|
||||
@ -5,13 +5,6 @@ description: Fumadocs UI 的概览
|
||||
|
||||
## 架构
|
||||
|
||||
| | |
|
||||
| ------------- | ------------------------------------------------------- |
|
||||
| **侧边栏** | 显示站点标题和导航元素。 |
|
||||
| **页面树** | 由您传递，主要作为侧边栏的项目渲染。 |
|
||||
| **文档页面** | 页面的所有内容。 |
|
||||
| **目录** | 文章内导航。 |
|
||||
|
||||
### 页面树
|
||||
|
||||
侧边栏等导航元素使用[页面树](/docs/headless/page-tree)来渲染导航链接，它是描述所有可用页面和文件夹的树形结构。
|
||||
|
||||
|
Before Width: | Height: | Size: 476 KiB |
|
Before Width: | Height: | Size: 313 KiB |
|
Before Width: | Height: | Size: 308 KiB |
|
Before Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 299 KiB |
|
Before Width: | Height: | Size: 308 KiB |
|
Before Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 448 KiB |
|
Before Width: | Height: | Size: 439 KiB |
|
Before Width: | Height: | Size: 3.2 MiB |
|
Before Width: | Height: | Size: 3.2 MiB |
|
Before Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 136 KiB |
|
Before Width: | Height: | Size: 126 KiB |
@ -22,19 +22,19 @@ export default function Features() {
|
||||
|
||||
const images = {
|
||||
'item-1': {
|
||||
image: '/images/blocks/charts.png',
|
||||
image: '/blocks/charts.png',
|
||||
alt: 'Database visualization',
|
||||
},
|
||||
'item-2': {
|
||||
image: '/images/blocks/music.png',
|
||||
image: '/blocks/music.png',
|
||||
alt: 'Security authentication',
|
||||
},
|
||||
'item-3': {
|
||||
image: '/images/blocks/mail2.png',
|
||||
image: '/blocks/mail2.png',
|
||||
alt: 'Identity management',
|
||||
},
|
||||
'item-4': {
|
||||
image: '/images/blocks/payments.png',
|
||||
image: '/blocks/payments.png',
|
||||
alt: 'Analytics dashboard',
|
||||
},
|
||||
};
|
||||
|
||||
@ -55,14 +55,14 @@ export default function Content2() {
|
||||
></div>
|
||||
<div className="border-border/50 relative rounded-2xl border border-dotted p-2">
|
||||
<Image
|
||||
src="/images/blocks/charts.png"
|
||||
src="/blocks/charts.png"
|
||||
className="hidden rounded-[12px] dark:block"
|
||||
alt="payments illustration dark"
|
||||
width={1207}
|
||||
height={929}
|
||||
/>
|
||||
<Image
|
||||
src="/images/blocks/charts-light.png"
|
||||
src="/blocks/charts-light.png"
|
||||
className="rounded-[12px] shadow-sm dark:hidden"
|
||||
alt="payments illustration light"
|
||||
width={1207}
|
||||
|
||||
@ -16,14 +16,14 @@ export default function Content() {
|
||||
<div className="relative mb-6 sm:mb-0">
|
||||
<div className="bg-linear-to-b aspect-76/59 relative rounded-2xl from-zinc-300 to-transparent p-px dark:from-zinc-700">
|
||||
<Image
|
||||
src="/images/blocks/payments.png"
|
||||
src="/blocks/payments.png"
|
||||
className="hidden rounded-[15px] dark:block"
|
||||
alt="payments illustration dark"
|
||||
width={1207}
|
||||
height={929}
|
||||
/>
|
||||
<Image
|
||||
src="/images/blocks/payments-light.png"
|
||||
src="/blocks/payments-light.png"
|
||||
className="rounded-[15px] shadow-sm dark:hidden"
|
||||
alt="payments illustration light"
|
||||
width={1207}
|
||||
|
||||
@ -43,14 +43,14 @@ export default function Features5() {
|
||||
<div className="border-border/50 relative rounded-3xl border p-3 lg:col-span-3">
|
||||
<div className="bg-linear-to-b aspect-76/59 relative rounded-2xl from-zinc-300 to-transparent p-px dark:from-zinc-700">
|
||||
<Image
|
||||
src="/images/blocks/payments.png"
|
||||
src="/blocks/payments.png"
|
||||
className="hidden rounded-[15px] dark:block"
|
||||
alt="payments illustration dark"
|
||||
width={1207}
|
||||
height={929}
|
||||
/>
|
||||
<Image
|
||||
src="/images/blocks/payments-light.png"
|
||||
src="/blocks/payments-light.png"
|
||||
className="rounded-[15px] shadow-sm dark:hidden"
|
||||
alt="payments illustration light"
|
||||
width={1207}
|
||||
|
||||
@ -23,21 +23,21 @@ export default function Features6() {
|
||||
<div className="aspect-88/36 relative">
|
||||
<div className="bg-linear-to-t z-1 from-background absolute inset-0 to-transparent"></div>
|
||||
<Image
|
||||
src="/images/blocks/mail-upper.png"
|
||||
src="/blocks/mail-upper.png"
|
||||
className="absolute inset-0 z-10"
|
||||
alt="payments illustration dark"
|
||||
width={2797}
|
||||
height={1137}
|
||||
/>
|
||||
<Image
|
||||
src="/images/blocks/mail-back.png"
|
||||
src="/blocks/mail-back.png"
|
||||
className="hidden dark:block"
|
||||
alt="payments illustration dark"
|
||||
width={2797}
|
||||
height={1137}
|
||||
/>
|
||||
<Image
|
||||
src="/images/blocks/mail-back-light.png"
|
||||
src="/blocks/mail-back-light.png"
|
||||
className="dark:hidden"
|
||||
alt="payments illustration light"
|
||||
width={2797}
|
||||
|
||||
@ -25,21 +25,21 @@ export default function Features7() {
|
||||
<div className="aspect-88/36 relative">
|
||||
<div className="bg-radial-[at_75%_25%] to-background z-1 -inset-17 absolute from-transparent to-75%"></div>
|
||||
<Image
|
||||
src="/images/blocks/mail-upper.png"
|
||||
src="/blocks/mail-upper.png"
|
||||
className="absolute inset-0 z-10"
|
||||
alt="payments illustration dark"
|
||||
width={2797}
|
||||
height={1137}
|
||||
/>
|
||||
<Image
|
||||
src="/images/blocks/mail-back.png"
|
||||
src="/blocks/mail-back.png"
|
||||
className="hidden dark:block"
|
||||
alt="payments illustration dark"
|
||||
width={2797}
|
||||
height={1137}
|
||||
/>
|
||||
<Image
|
||||
src="/images/blocks/mail-back-light.png"
|
||||
src="/blocks/mail-back-light.png"
|
||||
className="dark:hidden"
|
||||
alt="payments illustration light"
|
||||
width={2797}
|
||||
|
||||
@ -82,14 +82,14 @@ export default function HeroSection2() {
|
||||
<div className="bg-radial-[at_65%_25%] to-background z-1 -inset-17 absolute from-transparent to-40%"></div>
|
||||
<Image
|
||||
className="hidden dark:block"
|
||||
src="/images/blocks/music.webp"
|
||||
src="/blocks/music.png"
|
||||
alt="app illustration"
|
||||
width={2796}
|
||||
height={2008}
|
||||
/>
|
||||
<Image
|
||||
className="dark:hidden"
|
||||
src="/images/blocks/music-light.webp"
|
||||
src="/blocks/music-light.png"
|
||||
alt="app illustration"
|
||||
width={2796}
|
||||
height={2008}
|
||||
|
||||
@ -60,14 +60,14 @@ export default function HeroSection4() {
|
||||
<div className="relative mx-auto max-w-6xl overflow-hidden px-4">
|
||||
<Image
|
||||
className="z-2 border-border/25 relative hidden rounded-2xl border dark:block"
|
||||
src="/images/blocks/music.png"
|
||||
src="/blocks/music.png"
|
||||
alt="app screen"
|
||||
width={2796}
|
||||
height={2008}
|
||||
/>
|
||||
<Image
|
||||
className="z-2 border-border/25 relative rounded-2xl border dark:hidden"
|
||||
src="/images/blocks/music-light.png"
|
||||
src="/blocks/music-light.png"
|
||||
alt="app screen"
|
||||
width={2796}
|
||||
height={2008}
|
||||
|
||||
@ -78,14 +78,14 @@ export default function HeroSection() {
|
||||
|
||||
<Image
|
||||
className="rounded-(--radius) z-1 relative border dark:hidden"
|
||||
src="/images/blocks/card.png"
|
||||
src="/blocks/card.png"
|
||||
alt="tailus ui hero section"
|
||||
width={2880}
|
||||
height={2074}
|
||||
/>
|
||||
<Image
|
||||
className="rounded-(--radius) z-1 relative hidden border dark:block"
|
||||
src="/images/blocks/dark-card.webp"
|
||||
src="/blocks/dark-card.webp"
|
||||
alt="tailus ui hero section"
|
||||
width={2880}
|
||||
height={2074}
|
||||
|
||||