Man, CSS.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4768 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
Cory McWilliams 2024-01-14 02:37:15 +00:00
parent f72e8cbd91
commit 2380b65853

View File

@ -13,10 +13,10 @@
}
</script>
</head>
<body style="display: flex; flex-flow: column">
<body style="display: flex; flex-flow: column; width: 100vw; height: 100vh; position: absolute; max-width: 100%; max-height: 100%">
<tf-navigation></tf-navigation>
<div id="content" class="hbox" style="flex: 1 1; width: 100%">
<div id="editPane" class="vbox" style="flex: 1 1; display: none">
<div id="content" class="hbox" style="flex: 1 0; overflow: scroll">
<div id="editPane" class="vbox" style="flex: 0 0 50%; display: none; overflow: scroll">
<div class="navigation hbox">
<button id="closeEditor" name="closeEditor" accesskey="c" onmouseover="set_access_key_title(event)" data-tip="Close the editor">Close</button>
<button id="save" name="save" accesskey="s" onmouseover="set_access_key_title(event)" data-tip="Save the app under the given path">Save</button>
@ -25,12 +25,14 @@
<button id="delete" name="delete" accesskey="d" onmouseover="set_access_key_title(event)" data-tip="Delete the app">Delete</button>
<button id="trace_button" accesskey="t" onmouseover="set_access_key_title(event)" data-tip="Open a performance trace for the server">Trace</button>
</div>
<div class="hbox" style="height: 100%">
<tf-files-pane></tf-files-pane>
<div style="display: flex; flex: 1 1 50%; flex-flow: column" id="editor"></div>
<div class="hbox" style="flex: 1 1; overflow: scroll">
<div style="overflow: scroll">
<tf-files-pane style="overflow: scroll"></tf-files-pane>
</div>
<div style="flex: 1 1; overflow: scroll"><div id="editor" style="width: 100%; height: 100%"></div></div>
</div>
</div>
<div id="viewPane" class="vbox" style="flex: 1 1; overflow: auto">
<div id="viewPane" class="vbox" style="flex: 0 0 50%; overflow: scroll">
<iframe id="document" sandbox="allow-forms allow-scripts allow-top-navigation allow-modals allow-popups allow-downloads" style="width: 100%; height: 100%; border: 0"></iframe>
</div>
</div>