mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-08 19:26:48 +00:00
1cb1f8ac6a
The console pages carried style blocks for what Bootstrap 5.3 has: - the page's column (flex, no padding, a #494949 background) is d-flex flex-column p-0 bg-dark; its height stays 100dvh inline, as vh-100 would run under a phone browser's bar; - the VNC screen and the serial terminal fill the rest with flex-grow-1, the screen overflow-hidden, the terminal bg-black; their min-height: 0 stays inline (Bootstrap has no class for it); - the rule centring the VNC canvas goes: noVNC centres its own canvas and draws its own background. The unused main_container id goes with its style block.
50 lines
No EOL
2 KiB
HTML
50 lines
No EOL
2 KiB
HTML
{% load static %}
|
|
{% load i18n %}
|
|
{% get_current_language as LANGUAGE_CODE %}<!DOCTYPE html>
|
|
<html lang="{{ LANGUAGE_CODE }}">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="shortcut icon" href="{% static "favicon.ico" %}">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% if instance %}{{ instance.name }} - {% endif %}{% trans "Console" %}</title>
|
|
{# error pages render without app_settings: they get zephyr #}
|
|
{% with theme=app_settings.BOOTSTRAP_THEME|default:"zephyr" %}<link rel="stylesheet" href="{% static "css/themes/"|add:theme|add:".min.css" %}" id="wvc_css">{% endwith %}
|
|
<link href="{% static "css/webvirtcloud.css" %}" rel="stylesheet">
|
|
|
|
|
|
{% block head %}{% endblock %}
|
|
|
|
</head>
|
|
|
|
<body>
|
|
{# the whole window, 100dvh: vh-100 would run under a phone browser's bar #}
|
|
<div class="d-flex flex-column p-0 bg-dark" style="height: 100dvh;">
|
|
<nav class="navbar navbar-expand-md navbar-dark bg-primary py-1" aria-label="{% trans "Console" %}">
|
|
<div class="container-fluid">
|
|
<span class="navbar-brand py-0">{{ instance.name }}</span>
|
|
{% block navbarstatus %}{% endblock %}
|
|
{% block navbar %}
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse"
|
|
aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse">
|
|
<ul class="navbar-nav me-auto">
|
|
{% block navbarmenu %}{% endblock %}
|
|
</ul>
|
|
{% block navbarend %}{% endblock %}
|
|
</div>
|
|
{% endblock %}
|
|
</div>
|
|
</nav>
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
<script src="{% static "js/jquery.js" %}"></script>
|
|
<script src="{% static "js/bootstrap.bundle.min.js" %}"></script>
|
|
|
|
{% block foot %}{% endblock %}
|
|
</body>
|
|
|
|
</html> |