Skip to content

Commit 244c066

Browse files
faikitfaikit
committed
remove fadein/fadeout
1 parent b2c8aba commit 244c066

File tree

3 files changed

+109
-137
lines changed

3 files changed

+109
-137
lines changed

‎README.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,6 @@
2020
- use ```<Link>``` instead of ```<a>```
2121
- use ```<Image>``` instead of ```<img>```
2222
- use ```<div><Image></div>``` instead of ```<div className='background-image'></div>```
23-
- <FadeIn> for animation of all foreground elements, note that it could probabilistically change layout, check everytime when add this
2423

2524

2625

‎components/animation/fade-in.tsx‎

Lines changed: 0 additions & 24 deletions
This file was deleted.

‎components/app-sidebar.tsx‎

Lines changed: 109 additions & 112 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,6 @@ import {
2727
} from "@/components/ui/sidebar"
2828
import { useSidebar } from "@/components/ui/sidebar"
2929
import { Button } from "@/components/ui/button"
30-
import { FadeIn } from "@/components/animation/fade-in"
3130

3231

3332

@@ -78,150 +77,148 @@ export function AppSidebar() {
7877
const { content_page } = useSidebar()
7978

8079
return (
81-
<FadeIn>
82-
<Sidebar>
83-
<div className="fixed flex md:hidden flex-row gap-3 m-6 z-20 flex-wrap">
84-
<Button asChild className="bg-background text-foreground hover:bg-white group">
85-
<Link href="/" className="select-none">
86-
<Image
87-
src="/logo/OpenDriveLab/D.png"
88-
alt="OpenDriveLab"
89-
width={24}
90-
height={24}
91-
className="group-hover:scale-125 transition delay-100 duration-200"
92-
/>
93-
</Link>
94-
</Button>
95-
</div>
80+
<Sidebar>
81+
<div className="fixed flex md:hidden flex-row gap-3 m-6 z-20 flex-wrap">
82+
<Button asChild className="bg-background text-foreground hover:bg-white group">
83+
<Link href="/" className="select-none">
84+
<Image
85+
src="/logo/OpenDriveLab/D.png"
86+
alt="OpenDriveLab"
87+
width={24}
88+
height={24}
89+
className="group-hover:scale-125 transition delay-100 duration-200"
90+
/>
91+
</Link>
92+
</Button>
93+
</div>
9694

9795

98-
<div className="mt-24 overflow-y-scroll no-scrollbar">
96+
<div className="mt-24 overflow-y-scroll no-scrollbar">
9997

10098

101-
{
102-
content_page != null && (
99+
{
100+
content_page != null && (
103101

104-
<SidebarMenu className="mb-12 px-8 text-xs overflow-y-scroll no-scrollbar">
105-
106-
107-
108-
<span className="font-bold p-2 select-none text-foreground/50">
109-
OpenDriveLab
110-
</span>
102+
<SidebarMenu className="mb-12 px-8 text-xs overflow-y-scroll no-scrollbar">
111103

112104

113105

114-
<Collapsible className="group/collapsible flex flex-col gap-6">
115-
<SidebarMenuItem>
116-
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
117-
Project
118-
<ChevronDown className="size-4 transition-transform group-data-[state=closed]/collapsible:rotate-270 group-data-[state=open]/collapsible:rotate-0" />
119-
</CollapsibleTrigger>
120-
<CollapsibleContent>
121-
<SidebarMenuSub>
122-
<Link href="/AgiBot-World" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
123-
AgiBot World
124-
</Link>
125-
<Link href="/ReSim" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
126-
ReSim
127-
</Link>
128-
<Link href="/DriveLM" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
129-
DriveLM
130-
</Link>
131-
<Link href="/dataset" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
132-
more
133-
</Link>
134-
</SidebarMenuSub>
135-
</CollapsibleContent>
136-
</SidebarMenuItem>
137-
</Collapsible>
106+
<span className="font-bold p-2 select-none text-foreground/50">
107+
OpenDriveLab
108+
</span>
138109

139110

140111

141-
<Collapsible className="group/collapsible flex flex-col gap-6">
142-
<SidebarMenuItem>
143-
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
144-
Publication
145-
<ChevronDown className="size-4 transition-transform group-data-[state=closed]/collapsible:rotate-270 group-data-[state=open]/collapsible:rotate-0" />
146-
</CollapsibleTrigger>
147-
<CollapsibleContent>
148-
<SidebarMenuSub>
149-
<Link href="https://github.com/OpenDriveLab/UniAD" target="_blank" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
150-
UniAD
151-
</Link>
152-
<Link href="https://github.com/OpenDriveLab/UniVLA" target="_blank" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
153-
UniVLA
154-
</Link>
155-
<Link href="/publications" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
156-
more
157-
</Link>
158-
</SidebarMenuSub>
159-
</CollapsibleContent>
160-
</SidebarMenuItem>
161-
</Collapsible>
112+
<Collapsible className="group/collapsible flex flex-col gap-6">
113+
<SidebarMenuItem>
114+
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
115+
Project
116+
<ChevronDown className="size-4 transition-transform group-data-[state=closed]/collapsible:rotate-270 group-data-[state=open]/collapsible:rotate-0" />
117+
</CollapsibleTrigger>
118+
<CollapsibleContent>
119+
<SidebarMenuSub>
120+
<Link href="/AgiBot-World" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
121+
AgiBot World
122+
</Link>
123+
<Link href="/ReSim" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
124+
ReSim
125+
</Link>
126+
<Link href="/DriveLM" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
127+
DriveLM
128+
</Link>
129+
<Link href="/dataset" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
130+
more
131+
</Link>
132+
</SidebarMenuSub>
133+
</CollapsibleContent>
134+
</SidebarMenuItem>
135+
</Collapsible>
162136

163137

164138

165-
<Collapsible className="group/collapsible flex flex-col gap-6">
166-
<SidebarMenuItem>
167-
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
168-
Event
169-
<ChevronDown className="size-4 transition-transform group-data-[state=closed]/collapsible:rotate-270 group-data-[state=open]/collapsible:rotate-0" />
170-
</CollapsibleTrigger>
171-
<CollapsibleContent>
172-
<SidebarMenuSub>
173-
<Link href="/challenge2025" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
174-
Challenge 2025
175-
</Link>
176-
<Link href="/iccv2025" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
177-
Workshop at ICCV 2025
178-
</Link>
179-
<Link href="/events" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
180-
more
181-
</Link>
182-
</SidebarMenuSub>
183-
</CollapsibleContent>
184-
</SidebarMenuItem>
185-
</Collapsible>
139+
<Collapsible className="group/collapsible flex flex-col gap-6">
140+
<SidebarMenuItem>
141+
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
142+
Publication
143+
<ChevronDown className="size-4 transition-transform group-data-[state=closed]/collapsible:rotate-270 group-data-[state=open]/collapsible:rotate-0" />
144+
</CollapsibleTrigger>
145+
<CollapsibleContent>
146+
<SidebarMenuSub>
147+
<Link href="https://github.com/OpenDriveLab/UniAD" target="_blank" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
148+
UniAD
149+
</Link>
150+
<Link href="https://github.com/OpenDriveLab/UniVLA" target="_blank" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
151+
UniVLA
152+
</Link>
153+
<Link href="/publications" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
154+
more
155+
</Link>
156+
</SidebarMenuSub>
157+
</CollapsibleContent>
158+
</SidebarMenuItem>
159+
</Collapsible>
186160

187161

188162

189-
<Link href="/team" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
190-
Team
191-
</Link>
163+
<Collapsible className="group/collapsible flex flex-col gap-6">
164+
<SidebarMenuItem>
165+
<CollapsibleTrigger className="w-full flex flex-row justify-between items-center p-2 rounded-sm hover:bg-o-blue/3 select-none">
166+
Event
167+
<ChevronDown className="size-4 transition-transform group-data-[state=closed]/collapsible:rotate-270 group-data-[state=open]/collapsible:rotate-0" />
168+
</CollapsibleTrigger>
169+
<CollapsibleContent>
170+
<SidebarMenuSub>
171+
<Link href="/challenge2025" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
172+
Challenge 2025
173+
</Link>
174+
<Link href="/iccv2025" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
175+
Workshop at ICCV 2025
176+
</Link>
177+
<Link href="/events" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
178+
more
179+
</Link>
180+
</SidebarMenuSub>
181+
</CollapsibleContent>
182+
</SidebarMenuItem>
183+
</Collapsible>
192184

193185

194186

195-
<Link href="/recruit" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
196-
Recruit
197-
</Link>
187+
<Link href="/team" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
188+
Team
189+
</Link>
198190

199191

200192

201-
<Link href="https://github.com/sponsors/OpenDriveLab" target="_blank" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
202-
Sponsor
203-
</Link>
204-
205-
206-
207-
</SidebarMenu>
193+
<Link href="/recruit" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
194+
Recruit
195+
</Link>
208196

209-
)
210-
}
211-
197+
198+
199+
<Link href="https://github.com/sponsors/OpenDriveLab" target="_blank" className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
200+
Sponsor
201+
</Link>
202+
203+
204+
205+
</SidebarMenu>
206+
207+
)
208+
}
209+
212210

213211

214212

215213

216-
<PageSidebar/>
214+
<PageSidebar/>
217215

218216

219217

220-
</div>
218+
</div>
221219

222220

223221

224-
</Sidebar>
225-
</FadeIn>
222+
</Sidebar>
226223
)
227224
}

0 commit comments

Comments
 (0)