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

feat: 完成代码编写

Browse Source
This commit is contained in:
speakeloudest 2025-08-09 01:09:25 -07:00
parent 2ee4121308
commit 988011191b
10 changed files with 72 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,7 +27,7 @@ export function SidebarLeft({ ...props }: React.ComponentProps<typeof Sidebar>)
'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'
}
>
<div className={'absolute -right-3 top-6'} onClick={toggleSidebar}>
<div className={'absolute -right-3 top-6 md:hidden'} onClick={toggleSidebar}>
<Image src={'shrink.png'} height={30} width={30} alt='close' unoptimized></Image>
</div>
<div

18
apps/user/app/(main)/(content)/(user)/subscribe/page.tsx
View File

@ -92,7 +92,23 @@ export default function Page() {
value={tabValue}
onValueChange={(value) => setTabValue(value as 'year' | 'month')}
>
<TabsList className='mb-8 h-[74px] flex-wrap rounded-full bg-[#EAEAEA] p-2.5 md:mb-16'>
<TabsList className='relative mb-8 h-[74px] flex-wrap rounded-full bg-[#EAEAEA] p-2.5 md:mb-16'>
{tabValue === 'year' ? (
<span className='absolute -top-8 left-16 z-10 rounded-md bg-[#E22C2E] px-2 py-0.5 text-[10px] font-bold leading-none text-white shadow sm:text-xs'>
-20%
{/* 小三角箭头 */}
{/* <span className="
absolute right-0 top-full
block h-0 w-0
border-l-[6px] border-r-[6px] border-t-[16px]
border-l-transparent border-r-transparent border-t-[#E22C2E]
" />*/}
<span
className='absolute right-0 top-[80%] h-10 w-2 bg-[#E22C2E]'
style={{ clipPath: 'polygon(100% 0, 100% 100%, 0 0)' }}
/>
</span>
) : null}
<TabsTrigger
className={
'rounded-full px-10 py-3.5 text-xl data-[state=active]:bg-[#0F2C53] data-[state=active]:text-white md:px-12'

1
apps/user/app/auth/email/login-form.tsx
View File

@ -115,6 +115,7 @@ export default function LoginForm({
</Button>
<Button
variant='link'
type='button'
className='p-0 text-[#225BA9]'
onClick={() => {
setInitialValues(undefined);

1
apps/user/app/auth/email/register-form.tsx
View File

@ -225,6 +225,7 @@ export default function RegisterForm({
{t('existingAccount')}&nbsp;
<Button
variant='link'
type='button'
className='p-0 text-[#225BA9]'
onClick={() => {
setInitialValues(undefined);

1
apps/user/app/auth/email/reset-form.tsx
View File

@ -145,6 +145,7 @@ export default function ResetForm({
{t('existingAccount')}&nbsp;
<Button
variant='link'
type='button'
className='p-0 text-[#225BA9]'
onClick={() => {
setInitialValues(undefined);

2
apps/user/components/language-switch.tsx
View File

@ -37,7 +37,7 @@ const languages = {
'uk-UA': 'Українська',
'vi-VN': 'Tiếng Việt',
'zh-CN': '简体中文',
'zh-HK': '繁體中文',
// 'zh-HK': '繁體中文',
} as const;
export default function LanguageSwitch() {

18
apps/user/components/main/OfferDialog/index.tsx
View File

@ -398,7 +398,23 @@ const OfferDialog = forwardRef<OfferDialogRef>((props, ref) => {
value={tabValue}
onValueChange={setTabValue}
>
<TabsList className='mb-8 h-[74px] flex-wrap rounded-full bg-[#EAEAEA] p-2.5 md:mb-16'>
<TabsList className='relative mb-8 h-[74px] flex-wrap rounded-full bg-[#EAEAEA] p-2.5 md:mb-16'>
{tabValue === 'year' ? (
<span className='absolute -top-8 left-16 z-10 rounded-md bg-[#E22C2E] px-2 py-0.5 text-[10px] font-bold leading-none text-white shadow sm:text-xs'>
-20%
{/* 小三角箭头 */}
{/* <span className="
absolute right-0 top-full
block h-0 w-0
border-l-[6px] border-r-[6px] border-t-[16px]
border-l-transparent border-r-transparent border-t-[#E22C2E]
" />*/}
<span
className='absolute right-0 top-[80%] h-10 w-2 bg-[#E22C2E]'
style={{ clipPath: 'polygon(100% 0, 100% 100%, 0 0)' }}
/>
</span>
) : null}
<TabsTrigger
className={
'rounded-full px-10 py-3.5 text-xl data-[state=active]:bg-[#0F2C53] data-[state=active]:text-white md:px-12'

18
apps/user/components/subscribe/purchase.tsx
View File

@ -139,7 +139,23 @@ const Purchase = forwardRef<PurchaseDialogRef, PurchaseProps>((props, ref) => {
setTabValue(val);
}}
>
<TabsList className='mb-8 h-[74px] flex-wrap rounded-full bg-[#EAEAEA] p-2.5'>
<TabsList className='relative mb-8 h-[74px] flex-wrap rounded-full bg-[#EAEAEA] p-2.5'>
{tabValue === 'year' ? (
<span className='absolute -top-8 left-16 z-10 rounded-md bg-[#E22C2E] px-2 py-0.5 text-[10px] font-bold leading-none text-white shadow sm:text-xs'>
-20%
{/* 小三角箭头 */}
{/* <span className="
absolute right-0 top-full
block h-0 w-0
border-l-[6px] border-r-[6px] border-t-[16px]
border-l-transparent border-r-transparent border-t-[#E22C2E]
" />*/}
<span
className='absolute right-0 top-[80%] h-10 w-2 bg-[#E22C2E]'
style={{ clipPath: 'polygon(100% 0, 100% 100%, 0 0)' }}
/>
</span>
) : null}
<TabsTrigger
className='rounded-full px-10 py-3.5 text-xl data-[state=active]:bg-[#0F2C53] data-[state=active]:text-white md:px-12'
value='year'

31
apps/user/package.json
View File

@ -57,41 +57,12 @@
"entryLocale": "en-US",
"output": "./locales",
"outputLocales": [
"cs-CZ",
"de-DE",
"en-US",
"es-ES",
"es-MX",
"fa-IR",
"fi-FI",
"fr-FR",
"hi-IN",
"hu-HU",
"ja-JP",
"ko-KR",
"no-NO",
"pl-PL",
"pt-BR",
"ro-RO",
"ru-RU",
"th-TH",
"tr-TR",
"uk-UA",
"vi-VN",
"zh-CN",
"zh-HK"
"zh-CN"
],
"modelName": "gpt-4o-mini",
"experimental": {
"jsonMode": true
},
"markdown": {
"entry": [
"./README.md"
],
"outputLocales": [
"zh-CN"
]
}
}
}

19
packages/airo-ui/src/components/sidebar.tsx
View File

@ -26,6 +26,17 @@ const SIDEBAR_WIDTH_MOBILE = '14rem';
const SIDEBAR_WIDTH_ICON = '2rem';
const SIDEBAR_KEYBOARD_SHORTCUT = 'b';
// Define a safe default context so consumers won't crash without a Provider
const SAFE_SIDEBAR_CONTEXT: SidebarContext = {
state: 'collapsed',
open: false,
setOpen: () => {},
openMobile: false,
setOpenMobile: () => {},
isMobile: false,
toggleSidebar: () => {},
};
type SidebarContext = {
state: 'expanded' | 'collapsed';
open: boolean;
@ -36,14 +47,14 @@ type SidebarContext = {
toggleSidebar: () => void;
};
const SidebarContext = React.createContext<SidebarContext | null>(null);
const SidebarContext = React.createContext<SidebarContext>(SAFE_SIDEBAR_CONTEXT);
function useSidebar() {
const context = React.useContext(SidebarContext);
if (!context) {
throw new Error('useSidebar must be used within a SidebarProvider.');
// Optionally warn in development when using the safe fallback
if (process.env.NODE_ENV !== 'production' && context === SAFE_SIDEBAR_CONTEXT) {
// console.warn('useSidebar is used outside of a SidebarProvider. Falling back to no-op context.');
}
return context;
}