diff options
author | pommicket <pommicket@gmail.com> | 2023-07-24 00:16:41 -0400 |
---|---|---|
committer | pommicket <pommicket@gmail.com> | 2023-07-24 00:16:41 -0400 |
commit | cdc04b7cfb2f2976f9e6881a8e2a03299cb76f98 (patch) | |
tree | 26f15807f6ce84b3e2a5a7aecc30a8a96e39dd1d /index.html | |
parent | 8c59b58432bbe6c458fc66c9df54941f744dc87f (diff) |
better error display
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 82 |
1 files changed, 41 insertions, 41 deletions
@@ -21,10 +21,24 @@ #page { display: flex; + flex-direction: column; width: 100vw; height: 100vh; } + #main { + display: flex; + flex-grow: 1; + overflow: hidden; + } + + #error { + color: red; + border-top: 2px solid red; + padding: 0.2em; + display: none; + } + #canvas-container { position: relative; width: 100%; @@ -41,17 +55,6 @@ border: 2px solid var(--ui-border); } - .error { - color: red; - } - - #error-dialog { - border: 2px solid red; - background-color: black; - } - dialog button { - font-family: monospace; - } button { border: 2px solid var(--ui-border); background-color: black; @@ -178,39 +181,36 @@ <body> <script src="fractiform.js" type="text/javascript"></script> +<noscript> + <p> + This page requires JavaScript to function.<br> + Try using a modern browser such as <em>Netscape Navigator</em>®. + </p> +</noscript> <div id="page"> - <noscript> - <p> - This page requires JavaScript to function.<br> - Try using a modern browser such as <em>Netscape Navigator</em>®. - </p> - </noscript> - <div id="ui"> - <form action="#" method="dialog" id="code-form"> - <input type="text" placeholder="Code" id="code"> - <input type="submit" value="✓"> - </form> - Add <input type="text" id="widget-search" placeholder="Search"> - <div id="widget-choices"></div> - <div id="widgets-container"></div> - </div> - <div id="ui-resize"><div id="ui-resize-bar"></div></div> - <div id="canvas-container"> - <canvas id="canvas"> - <p> - Your browser doesn't support HTML5 <canvas>.<br> - Try upgrading to the latest version of Microsoft Internet Explorer®. - </p> - </canvas> + <div id="main"> + <div id="ui"> + <form action="#" method="dialog" id="code-form"> + <input type="text" placeholder="Code" id="code"> + <input type="submit" value="✓"> + </form> + Add <input type="text" id="widget-search" placeholder="Search"> + <div id="widget-choices"></div> + <div id="widgets-container"></div> + </div> + <div id="ui-resize"><div id="ui-resize-bar"></div></div> + + <div id="canvas-container"> + <canvas id="canvas"> + <p> + Your browser doesn't support HTML5 <canvas>.<br> + Try upgrading to the latest version of Microsoft Internet Explorer®. + </p> + </canvas> + </div> </div> + <div id="error">error</div> </div> -<dialog id="error-dialog"> - <pre id="error-message" class="error"></pre><br> - <form method="dialog"> - <button>OK</button> - </form> -</dialog> - </body> </html> |