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({
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')}

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
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>

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

@ -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

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

@ -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
apps/user/components/main/FullScreenVideoBackground.tsx
View File

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

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

@ -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: {