fix: editor style (#14440)

#### PR Dependency Tree


* **PR #14440** 👈

This tree was auto-generated by
[Charcoal](https://github.com/danerwilliams/charcoal)

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

* **Style**
* Refined CSS styling rules in workspace detail pages for improved
layout rendering consistency.
* Enhanced editor container display handling during loading states to
ensure proper layout adjustments.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page.css.ts

@@ -48,10 +48,14 @@ export const affineDocViewport = style({
 });
 
 export const pageModeViewportContentBox = style({});
-globalStyle(`${pageModeViewportContentBox} >:first-child`, {
+globalStyle(
-  display: 'table !important',
+  `${pageModeViewportContentBox} >:first-child:has(>[data-affine-editor-container])`,
-  minWidth: '100%',
+  { display: 'table !important', minWidth: '100%' }
-});
+);
+globalStyle(
+  `${pageModeViewportContentBox} >:first-child:has(>[data-editor-loading="true"]) > [data-editor-loading="true"]`,
+  { flex: 1, minHeight: '100%' }
+);
 
 export const scrollbar = style({
   marginRight: '4px',