fix(database): adjust detail panel layout for better responsiveness (#…

…8945)
toeverything · Dec 11, 2024 · 590ea64 · 590ea64
1 parent dba7588
commit 590ea64
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/affine/data-view/src/core/detail/detail.ts b/packages/affine/data-view/src/core/detail/detail.ts
@@ -51,6 +51,7 @@ const styles = css`
     border-radius: 8px;
     height: 100%;
     width: 100%;
+    box-sizing: border-box;
   }
 
   .add-property {
@@ -234,7 +235,7 @@ export class RecordDetail extends SignalWatcher(
         </div>
       </div>
       <div
-        style="max-width: var(--affine-editor-width);display: flex;flex-direction: column;margin: 0 auto"
+        style="width: 100%;max-width: var(--affine-editor-width);display: flex;flex-direction: column;margin: 0 auto;box-sizing: border-box;"
       >
         ${keyed(this.rowId, this.renderHeader())}
         ${repeat(
@@ -258,7 +259,6 @@ export class RecordDetail extends SignalWatcher(
               Add Property
             </div>`
           : nothing}
-        <div style="width: var(--affine-editor-width)"></div>
       </div>
       ${keyed(this.rowId, this.renderNote())}
     `;