diff --git a/README.md b/README.md index ddaa18a..411876c 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,8 @@ # gemini-viewer-examples Examples and demos for gemini-viewer sdk. -[Online examples](https://pattern-x.github.io/gemini-viewer-examples/) -[Online demos](https://pattern-x.github.io/gemini-viewer-examples/#/demo/) +- [Online examples](https://pattern-x.github.io/gemini-viewer-examples/) +- [Online demos](https://pattern-x.github.io/gemini-viewer-examples/#/demo/) # Set up the example project npm install diff --git a/public/demo/dxf_5.html b/public/demo/dxf_5.html index 58c2e25..7f81817 100644 --- a/public/demo/dxf_5.html +++ b/public/demo/dxf_5.html @@ -28,10 +28,39 @@ height: 30px; cursor: pointer; padding: 2px; + border: 1px solid cornflowerblue; + } + .markup-toolbar-btn:hover { + border: 1px solid peru; } .btn-active { background-color: cornflowerblue; } + .markup-manager { + width: 400px; + height: 400px; + right: 20px; + top: 60px; + position: absolute; + background: white; + } + .markup-manager-text { + width: 398px; + height: calc(100% - 40px); + font-size: 10px; + background-color: #eeeeee; + position: absolute; + margin: 1px; + } + .markup-manager-bottom { + position: absolute; + width: 100%; + bottom: 3px; + margin-left: 5px; + } + .hide { + display: none; + } @@ -44,6 +73,14 @@ + + +