Skip to content

Commit 731300d

Browse files
committed
docs(headless modal): remove horrible top-layer pic
1 parent 5782291 commit 731300d

File tree

2 files changed

+0
-4
lines changed

2 files changed

+0
-4
lines changed
-197 KB
Binary file not shown.

apps/website/src/routes/docs/headless/modal/index.mdx

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@
22
title: Qwik UI | Modal
33
---
44

5-
import testImage from '../../../../../public/images/test-image.png';
6-
75
import { statusByComponent } from '~/_state/component-statuses';
86

97
<StatusBanner status={statusByComponent.headless.Modal} />
@@ -112,8 +110,6 @@ To programmatically open or close the modal, we can use `bind:show`, a signal pr
112110

113111
## The Top Layer
114112

115-
<image src={testImage} class="mb-6 rounded-base" />
116-
117113
In Chrome and Edge, a `top layer` UI button is shown in the dev tools. This means the element content is placed above any other content on the page, preventing any overflow or style issues.
118114

119115
The top layer is used in both the **Modal** and **Popover** components of Qwik UI.

0 commit comments

Comments
 (0)