Client/ppanel-web
5
0
Fork 0
mirror of https://github.com/perfect-panel/ppanel-web.git synced 2026-02-06 03:30:25 -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'>
<AccordionTrigger className='px-4 py-3 hover:no-underline'>
<div className='flex w-full items-center justify-between'>
<div className='flex flex-col items-start'>
<div className='flex items-center gap-2'>
<span className='font-medium capitalize'>{type}</span>
<div className='flex items-center'>
<div
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>
<span className='text-muted-foreground text-xs'>
{isEnabled ? t('enabled') : t('disabled')}
</span>
</div>
<div className='mr-2 flex items-center gap-1'>
{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>
<Icon
icon='lucide:chevron-down'
icon='mdi:chevron-down'
className={`ml-2 size-4 transition-transform ${isOpen ? '' : '-rotate-90'}`}
/>
</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]'>
{user?.auth_methods?.[0]?.auth_identifier.split('@')[0]}
</span>
<Icon icon='lucide:chevron-down' className='text-muted-foreground size-4' />
<Icon icon='mdi:chevron-down' className='text-muted-foreground size-4' />
</div>
</DropdownMenuTrigger>
<DropdownMenuContent forceMount align='end' className='w-64'>