feat(ui): improve mobile responsive layouts

2026-04-30 19:53:02 +08:00
parent aa730395f1
commit d46df94f05
84 changed files with 1174 additions and 731 deletions
@@ -259,15 +259,15 @@ export function PricingToolbar(props: PricingToolbarProps) {
      <Sheet open={mobileFiltersOpen} onOpenChange={setMobileFiltersOpen}>
        <SheetContent
          side='right'
-          className='flex w-full flex-col overflow-hidden p-0 sm:max-w-md'
+          className='flex h-dvh w-full flex-col overflow-hidden p-0 sm:max-w-md'
        >
-          <SheetHeader className='border-b px-6 py-4'>
+          <SheetHeader className='border-b px-4 py-3 sm:px-6 sm:py-4'>
            <SheetTitle>{t('Filter')}</SheetTitle>
            <SheetDescription>
              {t('Filter models by provider, group, type, endpoint, and tags.')}
            </SheetDescription>
          </SheetHeader>
-          <div className='flex-1 overflow-y-auto p-4'>
+          <div className='flex-1 overflow-y-auto p-3 sm:p-4'>
            <PricingSidebar
              quotaTypeFilter={props.quotaTypeFilter}
              endpointTypeFilter={props.endpointTypeFilter}