S-VPN/panel-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修改样式

Browse Source
This commit is contained in:
speakeloudest 2025-09-01 21:45:37 -07:00
parent 42a2017dd6
commit d5b3721203
6 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/user/app/(main)/(content)/(user)/document/tutorial-button.tsx
View File

@ -156,7 +156,7 @@ export function TutorialButton({ items }: { items: Item[] }) {
buttonVariants({ buttonVariants({
variant: 'default', 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} href={item.download}
target='_blank' target='_blank'
@ -171,7 +171,7 @@ export function TutorialButton({ items }: { items: Item[] }) {
buttonVariants({ buttonVariants({
variant: 'primary', variant: 'primary',
}), }),
'px-3 sm:min-w-[80px]', 'min-w-0 px-3 sm:min-w-[80px]',
)} )}
> >
{t('read')} {t('read')}

7
apps/user/app/(main)/(content)/(user)/sidebar-left.tsx
View File

@ -29,11 +29,11 @@ export function SidebarLeft({ ...props }: React.ComponentProps<typeof Sidebar>)
> >
<div <div
className={ 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}> <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>
<div <div
className={ className={
@ -44,11 +44,10 @@ export function SidebarLeft({ ...props }: React.ComponentProps<typeof Sidebar>)
<Link href={'/dashboard'}> <Link href={'/dashboard'}>
<Image <Image
className={'cursor-pointer'} className={'cursor-pointer'}
src={'image.png'} src={'/image.png'}
width={102} width={102}
height={49} height={49}
alt='logo' alt='logo'
unoptimized
/> />
</Link> </Link>
</div> </div>

6
apps/user/app/layout.tsx
View File

@ -104,6 +104,12 @@ export default async function RootLayout({
<html suppressHydrationWarning lang={locale} dir={getLangDir(locale)}> <html suppressHydrationWarning lang={locale} dir={getLangDir(locale)}>
<head> <head>
<PublicEnvScript /> <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> </head>
<body <body
suppressHydrationWarning suppressHydrationWarning

2
apps/user/components/Header/Header.tsx
View File

@ -17,7 +17,7 @@ export default function Header() {
const { user } = useGlobalStore(); const { user } = useGlobalStore();
const Logo = ( const Logo = (
<Link href='/' className='-mt-2.5 flex items-center gap-2 font-bold'> <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> </Link>
); );

7
apps/user/components/main/FullScreenVideoBackground.tsx
View File

@ -7,7 +7,14 @@ const FullScreenVideoBackground = ({}: {}) => {
autoPlay autoPlay
muted muted
loop loop
controls={false}
playsInline 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' className='absolute inset-0 h-full w-full object-cover'
style={{ style={{
minWidth: '100%', minWidth: '100%',

2
packages/airo-ui/src/components/sheet.tsx
View File

@ -31,7 +31,7 @@ const SheetOverlay = React.forwardRef<
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName; SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
const sheetVariants = cva( 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: { variants: {
side: { side: {