fix(admin): adjust import users dialog styles (#11436)

close AF-2456 AF-2454 AF-2441 AF-2422

packages/frontend/admin/src/modules/accounts/components/columns.tsx

@@ -7,6 +7,7 @@ import { FeatureType } from '@affine/graphql';
 import {
   AccountIcon,
   EmailIcon,
+  EmailWarningIcon,
   LockIcon,
   UnlockIcon,
 } from '@blocksuite/icons/rc';
@@ -223,7 +224,7 @@ export const useColumns = ({
                     />
                   }
                   IconFalse={
-                    <EmailIcon
+                    <EmailWarningIcon
                       fontSize={16}
                       color={cssVarV2('toast/iconState/error')}
                     />

packages/frontend/admin/src/modules/accounts/components/import-users-dialog.tsx

@@ -200,7 +200,7 @@ export function ImportUsersDialog({
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent
         className={
-          isPreviewMode ? 'sm:max-w-[600px] flex-col gap-3' : 'sm:max-w-[425px]'
+          isPreviewMode ? 'sm:max-w-[600px] flex-col' : 'sm:max-w-[425px]'
         }
       >
         <DialogHeader>
@@ -214,7 +214,7 @@ export function ImportUsersDialog({
                 : 'Import'}
           </DialogTitle>
         </DialogHeader>
-        <DialogDescription className="text-[15px]">
+        <DialogDescription className="text-[15px] mt-3">
           {isFormatError ? (
             'You need to import the accounts by importing a CSV file in the correct format. Please download the CSV template.'
           ) : isPreviewMode ? (
@@ -242,7 +242,7 @@ export function ImportUsersDialog({
         </DialogDescription>
 
         <DialogFooter
-          className={`flex-col sm:flex-row sm:justify-between items-center ${isPreviewMode ? 'sm:justify-end' : 'sm:justify-between'}`}
+          className={`flex-col mt-6 sm:flex-row sm:justify-between items-center ${isPreviewMode ? 'sm:justify-end' : 'sm:justify-between'}`}
         >
           {isFormatError ? (
             <>

packages/frontend/admin/src/modules/nav/server-version.tsx

@@ -39,8 +39,11 @@ export const ServerVersion = () => {
       }}
     >
       <span>ServerVersion</span>
-      <span className="overflow-hidden text-ellipsis" title={version}>
+      <span
-        v{version}
+        className="overflow-hidden text-ellipsis whitespace-nowrap"
+        title={version}
+      >
+        {`v${version}`}
       </span>
     </div>
   );

packages/frontend/admin/src/modules/nav/settings-item.tsx

@@ -141,7 +141,7 @@ export const SettingsItem = ({ isCollapsed }: { isCollapsed: boolean }) => {
           </AccordionTrigger>
         </NavLink>
 
-        <AccordionContent className="h-full overflow-hidden w-full">
+        <AccordionContent className="h-full overflow-hidden w-full pb-0">
           <ScrollAreaPrimitive.Root
             className={cn('relative overflow-hidden w-full h-full')}
           >