Client/ppanel-web
5
0
Fork 0
mirror of https://github.com/perfect-panel/ppanel-web.git synced 2026-02-16 13:21:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix: Improve UI for protocol status display in server form component

Browse Source
This commit is contained in:
web 2025-09-13 23:31:55 -07:00
parent 6ca24333da
commit 461fdb1219
3 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
apps/admin/app/dashboard/servers/server-form.tsx
View File

@ -509,13 +509,27 @@ export default function ServerForm(props: {
<AccordionItem key={type} value={type} className='mb-2 rounded-lg border'> <AccordionItem key={type} value={type} className='mb-2 rounded-lg border'>
<AccordionTrigger className='px-4 py-3 hover:no-underline'> <AccordionTrigger className='px-4 py-3 hover:no-underline'>
<div className='flex w-full items-center justify-between'> <div className='flex w-full items-center justify-between'>
<div className='flex flex-col items-start'> <div className='flex items-center'>
<div className='flex items-center gap-2'> <div
<span className='font-medium capitalize'>{type}</span> className={`mr-3 flex size-9 items-center justify-center rounded-md ${
isEnabled
? 'bg-green-100 text-green-600 dark:border-green-800 dark:bg-green-950 dark:text-green-400'
: 'bg-muted text-muted-foreground'
}`}
>
<Icon
icon={isEnabled ? 'mdi:check' : 'mdi:minus'}
className='size-5'
/>
</div>
<div className='flex flex-col items-start'>
<div className='flex items-center gap-2'>
<span className='font-medium capitalize'>{type}</span>
</div>
<span className='text-muted-foreground text-xs'>
{isEnabled ? t('enabled') : t('disabled')}
</span>
</div> </div>
<span className='text-muted-foreground text-xs'>
{isEnabled ? t('enabled') : t('disabled')}
</span>
</div> </div>
<div className='mr-2 flex items-center gap-1'> <div className='mr-2 flex items-center gap-1'>
{current.transport && ( {current.transport && (

2
apps/admin/components/sidebar-left.tsx
View File

@ -208,7 +208,7 @@ export function SidebarLeft({ ...props }: React.ComponentProps<typeof Sidebar>)
<span className='truncate text-sm'>{t(nav.title)}</span> <span className='truncate text-sm'>{t(nav.title)}</span>
</span> </span>
<Icon <Icon
icon='lucide:chevron-down' icon='mdi:chevron-down'
className={`ml-2 size-4 transition-transform ${isOpen ? '' : '-rotate-90'}`} className={`ml-2 size-4 transition-transform ${isOpen ? '' : '-rotate-90'}`}
/> />
</SidebarMenuButton> </SidebarMenuButton>

2
apps/user/components/user-nav.tsx
View File

@ -39,7 +39,7 @@ export function UserNav() {
<span className='max-w-[40px] truncate text-sm sm:max-w-[100px]'> <span className='max-w-[40px] truncate text-sm sm:max-w-[100px]'>
{user?.auth_methods?.[0]?.auth_identifier.split('@')[0]} {user?.auth_methods?.[0]?.auth_identifier.split('@')[0]}
</span> </span>
<Icon icon='lucide:chevron-down' className='text-muted-foreground size-4' /> <Icon icon='mdi:chevron-down' className='text-muted-foreground size-4' />
</div> </div>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent forceMount align='end' className='w-64'> <DropdownMenuContent forceMount align='end' className='w-64'>