docs(module:resizable): fix demos of resizable (#7269)

NG-ZORRO · Feb 25, 2022 · 1e2ea80 · 1e2ea80
1 parent a1bbdab
commit 1e2ea80
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 19 deletions.
diff --git a/components/resizable/demo/drawer.ts b/components/resizable/demo/drawer.ts
@@ -18,19 +18,21 @@ import { NzResizeEvent } from 'ng-zorro-antd/resizable';
       nzTitle="Resizable Drawer"
       (nzOnClose)="close()"
     >
-      <div
-        *ngIf="visible"
-        class="drawer-body"
-        nz-resizable
-        nzBounds="window"
-        [nzMinWidth]="256"
-        (nzResize)="onResize($event)"
-      >
-        <nz-resize-handles [nzDirections]="['right']"></nz-resize-handles>
-        <p>Some contents...</p>
-        <p>Some contents...</p>
-        <p>Some contents...</p>
-      </div>
+      <ng-container *nzDrawerContent>
+        <div
+          *ngIf="visible"
+          class="drawer-body"
+          nz-resizable
+          nzBounds="window"
+          [nzMinWidth]="256"
+          (nzResize)="onResize($event)"
+        >
+          <nz-resize-handles [nzDirections]="['right']"></nz-resize-handles>
+          <p>Some contents...</p>
+          <p>Some contents...</p>
+          <p>Some contents...</p>
+        </div>
+      </ng-container>
     </nz-drawer>
   `,
   styles: [

diff --git a/components/resizable/demo/table.ts b/components/resizable/demo/table.ts
@@ -42,12 +42,6 @@ import { NzResizeEvent } from 'ng-zorro-antd/resizable';
   `,
   styles: [
     `
-      .resize-trigger {
-        width: 1px;
-        height: 30px;
-        margin-top: 12px;
-        background: #e8e8e8;
-      }
       .nz-resizable-preview {
         border-width: 0;
         border-right-width: 1px;