fix: 修改样式

2025-09-01 21:45:37 -07:00
parent 42a2017dd6
commit d5b3721203
6 changed files with 20 additions and 8 deletions
@@ -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')}
@@ -29,11 +29,11 @@ export function SidebarLeft({ ...props }: React.ComponentProps<typeof Sidebar>)
    >
      <div
        className={
-          'relative ml-2.5 flex h-[calc(100dvh-10px-env(safe-area-inset-top))] flex-col rounded-[30px] bg-[#D9D9D9] px-4 md:ml-0 md:h-full md:rounded-none md:bg-white md:px-8'
+          'relative ml-2.5 flex h-full flex-col rounded-[30px] bg-[#D9D9D9] px-4 md:ml-0 md:h-full md:rounded-none md:bg-white md:px-8'
        }
      >
        <div className={'absolute -right-3 top-[36px] md:hidden'} onClick={toggleSidebar}>
-          <Image src={'shrink.png'} height={30} width={30} alt='close' unoptimized></Image>
+          <Image src={'/shrink.png'} height={30} width={30} alt='close'></Image>
        </div>
        <div
          className={
@@ -44,11 +44,10 @@ export function SidebarLeft({ ...props }: React.ComponentProps<typeof Sidebar>)
          <Link href={'/dashboard'}>
            <Image
              className={'cursor-pointer'}
-              src={'image.png'}
+              src={'/image.png'}
              width={102}
              height={49}
              alt='logo'
-              unoptimized
            />
          </Link>
        </div>
@@ -104,6 +104,12 @@ export default async function RootLayout({
    <html suppressHydrationWarning lang={locale} dir={getLangDir(locale)}>
      <head>
        <PublicEnvScript />
+        <meta
+          name='viewport'
+          content='width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no'
+        />
+        <meta httpEquiv={'X-UA-Compatible” content=”IE=edge,chrome=1'} />
+        <meta name='renderer' content='webkit' />
      </head>
      <body
        suppressHydrationWarning
@@ -17,7 +17,7 @@ export default function Header() {
  const { user } = useGlobalStore();
  const Logo = (
    <Link href='/' className='-mt-2.5 flex items-center gap-2 font-bold'>
-      <Image src={'image.png'} width={89} height={43} alt='logo' objectFit='cover' unoptimized />
+      <Image src={'/image.png'} width={89} height={43} alt='logo' objectFit='cover' />
    </Link>
  );

@@ -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%',