add document, fix tooltip position issue

This commit is contained in:
2023-03-30 17:26:59 +08:00
parent f5bc42fa20
commit 5406eea20e
15 changed files with 432 additions and 117 deletions

View File

@ -1,42 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UI Lib</title>
<script type="module" src="/main.js"></script>
</head>
<body>
<div id="app">
<div>
<a
href="https://developer.mozilla.org/en-US/docs/Web/JavaScript"
target="_blank"
>
<img id="js-logo" class="logo vanilla" alt="JavaScript logo" />
</a>
<div class="card">
<div id="create-icon" class="app-module">
<div>
<svg data-type="fa-solid" data-id="user-edit"></svg>
</div>
</div>
<div id="create-checkbox" class="app-module">
<label data-checkbox data-label="Case 1"></label>
</div>
<div id="buttons" class="app-module">
<button
data-title-lgid="editContacts"
data-lgid="editContacts"
title="Edit Contact"
>
Edit
</button>
<button id="button-fetch" title="Fetch">Fetch</button>
</div>
</div>
</div>
</div>
</body>
</html>
<head>
<meta charset="UTF-8" />
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UI Lib</title>
<script type="module" src="/main.js"></script>
<script src="/dist/ui.min.js"></script>
</head>
<body>
<div id="directory">
<ul>
<li class="title">lib-ui</li>
<li>
<ol>
<li data-page="lib/ui/icon.html">icon</li>
<li data-page="lib/ui/checkbox.html">checkbox</li>
<li data-page="lib/ui/tooltip.html">tooltip</li>
</ol>
</li>
<li class="title">lib-utility</li>
<li>
<ol>
<li data-page="lib/utility/cookie.html">cookie</li>
<li data-page="lib/utility/lgres.html">lgres</li>
<li data-page="lib/utility/request.html">request</li>
<li data-page="lib/utility/strings.html">strings</li>
</ol>
</li>
</ul>
</div>
<div id="container"></div>
</body>
</html>