.

Author: faikit

app/(default)/layout.tsx

@@ -103,7 +103,7 @@ export default function RootLayout({
                         </Link>
                     ))}
 
-                    <Drawer>
+                    <Drawer direction="top">
                         <DrawerTrigger asChild>
                             <div className="size-4 md:size-5 group cursor-pointer">
                                 <AspectRatio ratio={1/1}>
@@ -119,7 +119,7 @@ export default function RootLayout({
                         <WeChat/>
                     </Drawer>
 
-                    <Drawer>
+                    <Drawer direction="top">
                         <DrawerTrigger asChild>
                             <div className="size-4 md:size-5 group cursor-pointer">
                                 <AspectRatio ratio={1/1}>

components/app-drawer.tsx

@@ -21,7 +21,7 @@ import {
 
 export function WeChat() {
     return (
-        <DrawerContent>
+        <DrawerContent className='pt-12 pb-6'>
             <DrawerHeader>
                 <DrawerTitle>
                     Subscribe to WeChat Public Account
@@ -48,7 +48,7 @@ export function WeChat() {
 
 export function WeChatGroup() {
     return (
-        <DrawerContent>
+        <DrawerContent className='pt-12 pb-6'>
             <DrawerHeader>
                 <DrawerTitle>
                     Join WeChat Group
@@ -76,7 +76,7 @@ export function WeChatGroup() {
 
 export function Embodied() {
     return (
-        <DrawerContent>
+        <DrawerContent className='pt-12 pb-6'>
             <DrawerHeader>
                 <DrawerTitle className='text-xl'>
                     Embodied AI
@@ -119,7 +119,7 @@ export function Embodied() {
 
 export function E2EAD() {
     return (
-        <DrawerContent>
+        <DrawerContent className='pt-12 pb-6'>
             <DrawerHeader>
                 <DrawerTitle className='text-xl'>
                     End-to-End Autonomous Driving

components/app-sidebar.tsx

@@ -149,15 +149,15 @@ export function AppSidebar() {
                                         </CollapsibleTrigger>
                                         <CollapsibleContent>
                                             <SidebarMenuSub>
-                                                <Drawer>
+                                                <Drawer direction="top">
                                                     <DrawerTrigger asChild>
                                                         <div className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
                                                             Embodied AI
                                                         </div>
                                                     </DrawerTrigger>
                                                     <Embodied/>
                                                 </Drawer>
-                                                <Drawer>
+                                                <Drawer direction="top">
                                                     <DrawerTrigger asChild>
                                                         <div className="p-2 rounded-sm hover:bg-o-blue/3 select-none">
                                                             End-to-End AD