From dd113f8605fa7c2b907c04e815946667f091c380 Mon Sep 17 00:00:00 2001
From: zzj3720 <17165520+zzj3720@users.noreply.github.com>
Date: Thu, 15 May 2025 01:46:19 +0000
Subject: [PATCH] fix(editor): ui bugs of database block (#12285)

fix: BS-3445, BS-3470, BS-3472, BS-3473

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **Style**
  - Updated the alignment of the created time cell for improved layout consistency.
  - Limited the maximum width of the group view settings panel for better layout control.
  - Changed the icon for the "created by" property to enhance visual representation.
  - Updated the background color of file popover content for improved appearance.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../database/src/properties/created-time/cell-renderer.ts       | 1 -
 blocksuite/affine/data-view/src/core/group-by/setting.ts        | 2 +-
 .../blocksuite/database-block/properties/created-by/view.tsx    | 2 +-
 .../src/blocksuite/database-block/properties/file/style.css.ts  | 1 +
 4 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/blocksuite/affine/blocks/database/src/properties/created-time/cell-renderer.ts b/blocksuite/affine/blocks/database/src/properties/created-time/cell-renderer.ts
index 42d60dd57..c8092cbd2 100644
--- a/blocksuite/affine/blocks/database/src/properties/created-time/cell-renderer.ts
+++ b/blocksuite/affine/blocks/database/src/properties/created-time/cell-renderer.ts
@@ -11,7 +11,6 @@ import { createdTimePropertyModelConfig } from './define.js';
 const createdTimeCellStyle = css({
   display: 'flex',
   alignItems: 'center',
-  justifyContent: 'center',
   width: '100%',
   height: '100%',
 });
diff --git a/blocksuite/affine/data-view/src/core/group-by/setting.ts b/blocksuite/affine/data-view/src/core/group-by/setting.ts
index d8a47288e..9ce250b7b 100644
--- a/blocksuite/affine/data-view/src/core/group-by/setting.ts
+++ b/blocksuite/affine/data-view/src/core/group-by/setting.ts
@@ -155,7 +155,7 @@ export class GroupSetting extends SignalWatcher(
             >
               <div class="group-item-drag-bar"></div>
               <div
-                style="padding: 0 4px;position:relative;pointer-events: none"
+                style="padding: 0 4px;position:relative;pointer-events: none;max-width: 330px"
               >
                 ${renderUniLit(group.view, props)}
                 <div
diff --git a/packages/frontend/core/src/blocksuite/database-block/properties/created-by/view.tsx b/packages/frontend/core/src/blocksuite/database-block/properties/created-by/view.tsx
index 6a7085561..af3cfbc05 100644
--- a/packages/frontend/core/src/blocksuite/database-block/properties/created-by/view.tsx
+++ b/packages/frontend/core/src/blocksuite/database-block/properties/created-by/view.tsx
@@ -113,7 +113,7 @@ const CreatedByCell = forwardRef(CreatedByCellComponent);
 
 export const createdByPropertyConfig =
   createdByPropertyModelConfig.createPropertyMeta({
-    icon: createIcon('UserIcon'),
+    icon: createIcon('MemberIcon'),
     cellRenderer: {
       view: uniReactRoot.createUniComponent(CreatedByCell),
     },
diff --git a/packages/frontend/core/src/blocksuite/database-block/properties/file/style.css.ts b/packages/frontend/core/src/blocksuite/database-block/properties/file/style.css.ts
index feecea364..90bacf165 100644
--- a/packages/frontend/core/src/blocksuite/database-block/properties/file/style.css.ts
+++ b/packages/frontend/core/src/blocksuite/database-block/properties/file/style.css.ts
@@ -13,6 +13,7 @@ export const filePopoverContainer = style({
 
 export const filePopoverContent = style({
   padding: '0',
+  backgroundColor: cssVarV2.layer.background.overlayPanel,
 });
 
 export const uploadButton = style({