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 -->
This commit is contained in:
zzj3720
2025-05-15 01:46:19 +00:00
parent 8c1013dfe2
commit dd113f8605
4 changed files with 3 additions and 3 deletions

View File

@@ -11,7 +11,6 @@ import { createdTimePropertyModelConfig } from './define.js';
const createdTimeCellStyle = css({ const createdTimeCellStyle = css({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center',
width: '100%', width: '100%',
height: '100%', height: '100%',
}); });

View File

@@ -155,7 +155,7 @@ export class GroupSetting extends SignalWatcher(
> >
<div class="group-item-drag-bar"></div> <div class="group-item-drag-bar"></div>
<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)} ${renderUniLit(group.view, props)}
<div <div

View File

@@ -113,7 +113,7 @@ const CreatedByCell = forwardRef(CreatedByCellComponent);
export const createdByPropertyConfig = export const createdByPropertyConfig =
createdByPropertyModelConfig.createPropertyMeta({ createdByPropertyModelConfig.createPropertyMeta({
icon: createIcon('UserIcon'), icon: createIcon('MemberIcon'),
cellRenderer: { cellRenderer: {
view: uniReactRoot.createUniComponent(CreatedByCell), view: uniReactRoot.createUniComponent(CreatedByCell),
}, },

View File

@@ -13,6 +13,7 @@ export const filePopoverContainer = style({
export const filePopoverContent = style({ export const filePopoverContent = style({
padding: '0', padding: '0',
backgroundColor: cssVarV2.layer.background.overlayPanel,
}); });
export const uploadButton = style({ export const uploadButton = style({