From d5b3721203790cbbd92f28030f99581aecbe298c Mon Sep 17 00:00:00 2001 From: speakeloudest Date: Mon, 1 Sep 2025 21:45:37 -0700 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../(main)/(content)/(user)/document/tutorial-button.tsx | 4 ++-- apps/user/app/(main)/(content)/(user)/sidebar-left.tsx | 7 +++---- apps/user/app/layout.tsx | 6 ++++++ apps/user/components/Header/Header.tsx | 2 +- apps/user/components/main/FullScreenVideoBackground.tsx | 7 +++++++ packages/airo-ui/src/components/sheet.tsx | 2 +- 6 files changed, 20 insertions(+), 8 deletions(-) diff --git a/apps/user/app/(main)/(content)/(user)/document/tutorial-button.tsx b/apps/user/app/(main)/(content)/(user)/document/tutorial-button.tsx index 9534086..b03e8ce 100644 --- a/apps/user/app/(main)/(content)/(user)/document/tutorial-button.tsx +++ b/apps/user/app/(main)/(content)/(user)/document/tutorial-button.tsx @@ -156,7 +156,7 @@ export function TutorialButton({ items }: { items: Item[] }) { buttonVariants({ variant: 'default', }), - 'mr-2 bg-[#EAEAEA] px-3 text-[#225BA9] hover:text-white sm:min-w-[80px]', + 'mr-2 min-w-0 bg-[#EAEAEA] px-3 text-[#225BA9] hover:text-white sm:min-w-[80px]', )} href={item.download} target='_blank' @@ -171,7 +171,7 @@ export function TutorialButton({ items }: { items: Item[] }) { buttonVariants({ variant: 'primary', }), - 'px-3 sm:min-w-[80px]', + 'min-w-0 px-3 sm:min-w-[80px]', )} > {t('read')} diff --git a/apps/user/app/(main)/(content)/(user)/sidebar-left.tsx b/apps/user/app/(main)/(content)/(user)/sidebar-left.tsx index 3b64e19..efc5350 100644 --- a/apps/user/app/(main)/(content)/(user)/sidebar-left.tsx +++ b/apps/user/app/(main)/(content)/(user)/sidebar-left.tsx @@ -29,11 +29,11 @@ export function SidebarLeft({ ...props }: React.ComponentProps) >
- close + close
) logo
diff --git a/apps/user/app/layout.tsx b/apps/user/app/layout.tsx index fc1b16f..51459fa 100644 --- a/apps/user/app/layout.tsx +++ b/apps/user/app/layout.tsx @@ -104,6 +104,12 @@ export default async function RootLayout({ + + + - logo + logo ); diff --git a/apps/user/components/main/FullScreenVideoBackground.tsx b/apps/user/components/main/FullScreenVideoBackground.tsx index 65b2ea5..f2349cd 100644 --- a/apps/user/components/main/FullScreenVideoBackground.tsx +++ b/apps/user/components/main/FullScreenVideoBackground.tsx @@ -7,7 +7,14 @@ const FullScreenVideoBackground = ({}: {}) => { autoPlay muted loop + controls={false} playsInline + // webkit-playsinline // safrai 浏览器兼容 + x5-playsinline={'true'} // 微信、QQ 浏览器兼容 + x5-video-player-type='h5' // 同微信、QQ + x-webkit-airplay='true' + x5-video-player-fullscreen='true' + x5-video-orientation='portraint' className='absolute inset-0 h-full w-full object-cover' style={{ minWidth: '100%', diff --git a/packages/airo-ui/src/components/sheet.tsx b/packages/airo-ui/src/components/sheet.tsx index b6c324b..94e0329 100644 --- a/packages/airo-ui/src/components/sheet.tsx +++ b/packages/airo-ui/src/components/sheet.tsx @@ -31,7 +31,7 @@ const SheetOverlay = React.forwardRef< SheetOverlay.displayName = SheetPrimitive.Overlay.displayName; const sheetVariants = cva( - 'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out', + 'fixed focus:outline-none z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out', { variants: { side: {