Some more initial UI work, initial translation support
This commit is contained in:
@@ -1,14 +1,16 @@
|
||||
<!-- Header -->
|
||||
<div id="titlebar" class="pywebview-drag-region" style="padding-bottom: 10px;">
|
||||
<span>
|
||||
<div id="titlebar" class="pywebview-drag-region" style="padding: 15px; margin: -15px; padding-bottom: 30px;">
|
||||
<button class="button is-link"> ☰ </button>
|
||||
<a href="/welcome"><button class="button is-{% if request.path == "/welcome" %}info{% else %}dark{% endif %}">Welcome</button></a>
|
||||
<a href="/users"><button class="button is-{% if request.path == "/users" %}info{% else %}dark{% endif %}">Users</button></a>
|
||||
<a href="/disks"><button class="button is-{% if request.path == "/disks" %}info{% else %}dark{% endif %}">Disks</button></a>
|
||||
<a href="/software"><button class="button is-{% if request.path == "/software" %}info{% else %}dark{% endif %}">Software</button></a>
|
||||
<a href="/summary"><button class="button is-{% if request.path == "/summary" %}info{% else %}dark{% endif %}">Summary</button></a>
|
||||
<button onclick="closeApp()" class="button is-danger" style="float: right;"> 🗙 </button>
|
||||
<a href="/help"> <button class="button is-light" style="float: right; margin-right: 5px;"> <b> ? </b> </button></a>
|
||||
</span>
|
||||
|
||||
<div style="position: absolute; top: 15px; right: 15px;">
|
||||
<a href="/help"> <button class="button is-light"> <b> ? </b> </button></a>
|
||||
<button onclick="closeApp()" class="button is-danger" > 🗙 </button>
|
||||
</div>
|
||||
|
||||
</div> <!-- end pywebview-drag-region -->
|
||||
<!-- End Header -->
|
||||
|
||||
@@ -5,20 +5,22 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/static/bulma.css" rel="stylesheet">
|
||||
<link href="/static/system-installer.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="/static/icons/blippie.png" type="image/x-icon">
|
||||
<script src="/static/htmx.min.js" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
<body style="overflow: hidden; max-height: 450px;">
|
||||
|
||||
<div style="width: 1050px; height: 600px; border-radius: 10px; padding: 13px; overflow: hidden;" class="notification is-dark">
|
||||
<body>
|
||||
|
||||
<div class="frame">
|
||||
{% include "header.html" %}
|
||||
|
||||
<div style="height: 450px; overflow-y: scroll">
|
||||
<div class="applet">
|
||||
{% block body %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
{% include "footer.html" %}
|
||||
|
||||
</div> <!-- class "frame" -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user