Implement info message

This commit is contained in:
Dennis Schoepf 2021-07-30 13:48:05 +02:00
parent 001a074c54
commit acdecc6e85
6 changed files with 150 additions and 9234 deletions

View file

@ -22,7 +22,20 @@
<textarea id="message-input" placeholder="Bitte gib einen Text ein ..." />
<button type="button" id="message-confirm">Weiter</button>
</div>
<div id="info-message">
<h2 id="info-message-headline">Test</h2>
<div id="info-message-contents">Test</div>
<div id="info-message-close">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<path
fill="#9CA1A6"
d="M56.5 47.5L78.9 25c1.2-1.2 1.2-3.1 0-4.2-1.2-1.2-3.1-1.2-4.2 0L52.3 43.3 29.8 20.8c-1.2-1.2-3.1-1.2-4.2 0-1.2 1.2-1.2 3.1 0 4.2L48 47.5 25.6 70c-1.2 1.2-1.2 3.1 0 4.2.6.6 1.4.9 2.1.9s1.5-.3 2.1-.9l22.5-22.5 22.5 22.5c.6.6 1.4.9 2.1.9s1.5-.3 2.1-.9c1.2-1.2 1.2-3.1 0-4.2L56.5 47.5z"
/>
</svg>
</div>
</div>
</div>
<div id="backdrop"></div>
<script src="./main.ts"></script>
</body>
</html>