Add resizable viewer panes

This commit is contained in:
DonVoo 2026-07-06 07:37:28 +02:00
parent a4ea4c120e
commit 2bdf622257
3 changed files with 110 additions and 7 deletions

View file

@ -41,7 +41,8 @@ func renderShell(w http.ResponseWriter, active, readingPane string) {
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css">
<script src="/static/htmx.min.js"></script></head>
<script src="/static/htmx.min.js"></script>
<script src="/static/app.js" defer></script></head>
<body class="ol2013">
<header class="ribbon">
<nav class="ribbon-tabs">
@ -57,13 +58,16 @@ func renderShell(w http.ResponseWriter, active, readingPane string) {
hx-get="/view" hx-trigger="load" hx-target="#tree" hx-swap="innerHTML">
<div class="pane-head">Postf&auml;cher</div>
</aside>
<div class="pane-resizer" data-resize-index="0"></div>
<section class="pane pane-list" id="list">
<div class="pane-head">Nachrichten</div>
</section>
<div class="pane-resizer" data-resize-index="1"></div>
<section class="pane pane-read" id="read">
<div class="pane-head">Original</div>
<div class="read-body">%s</div>
</section>
<div class="pane-resizer" data-resize-index="2"></div>
<section class="pane pane-read pane-target" id="read-target">
%s
</section>