summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--ogcp/static/css/soleta.css5
-rw-r--r--ogcp/templates/base.html75
2 files changed, 49 insertions, 31 deletions
diff --git a/ogcp/static/css/soleta.css b/ogcp/static/css/soleta.css
index d9a775b..d748f5b 100644
--- a/ogcp/static/css/soleta.css
+++ b/ogcp/static/css/soleta.css
@@ -1,3 +1,8 @@
.state--opg {
background-color: rgb(252, 222, 66);
}
+
+html, body {
+ width: 100%;
+ height: 100% !important;
+}
diff --git a/ogcp/templates/base.html b/ogcp/templates/base.html
index e70e3fd..5fda82a 100644
--- a/ogcp/templates/base.html
+++ b/ogcp/templates/base.html
@@ -2,42 +2,55 @@
<html lang="en">
<head>
{% block head %}
- <script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
- <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}" />
- <link rel="stylesheet" href="{{ url_for('static', filename='css/soleta.css') }}" />
- <script src="{{ url_for('static', filename='js/bootstrap.bundle.min.js') }}"></script>
<title>{% block title %}{% endblock %} - OpenGnsys</title>
+
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <!-- Font Awesome Icons -->
+ <link rel="stylesheet" href="{{ url_for('static', filename='AdminLTE/plugins/fontawesome-free/css/all.min.css') }}">
+ <!-- Theme style -->
+ <link rel="stylesheet" href="{{ url_for('static', filename='AdminLTE/dist/css/adminlte.min.css') }}">
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/soleta.css') }}" />
{% endblock %}
</head>
<body>
- {% include 'nav.html' %}
- {% block nav %}{% endblock %}
- {% block flash %}
- {% for category, message in get_flashed_messages(with_categories=True) %}
- {% if category == 'info' %}
- <div class="alert alert-info alert-dismissible fade show m-1" role="alert">
- {% elif category == 'error' %}
- <div class="alert alert-danger alert-dismissible fade show m-1" role="alert">
- {% else %}
- <div class="alert alert-warning alert-dismissible fade show m-1" role="alert">
- {% endif %}
- {{ message }}
- <button type="button" class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">
- <span aria-hidden="true">&times;</span>
- </button>
- </div>
- {% endfor %}
- {% endblock %}
+ <div class="main d-flex flex-column align-items-stretch h-100">
+ {% include 'nav.html' %}
+ {% block nav %}{% endblock %}
+ {% block flash %}
+ {% for category, message in get_flashed_messages(with_categories=True) %}
+ {% if category == 'info' %}
+ <div class="alert alert-info alert-dismissible fade show m-1" role="alert">
+ {% elif category == 'error' %}
+ <div class="alert alert-danger alert-dismissible fade show m-1" role="alert">
+ {% else %}
+ <div class="alert alert-warning alert-dismissible fade show m-1" role="alert">
+ {% endif %}
+ {{ message }}
+ <button type="button" class="close" data-dismiss="alert" aria-label="{{ _('Close') }}">
+ <span aria-hidden="true">&times;</span>
+ </button>
+ </div>
+ {% endfor %}
+ {% endblock %}
- <div id="content">{% block content %}{% endblock %}</div>
+ <div id="content" class="container-fluid flex-grow-1">{% block content %}{% endblock %}</div>
- {% block footer %}
- <footer class="footer navbar-inverse bg-dark" role="contentinfo">
- <div class="text-center text-secondary mt-1 p-3">
- Powered by
- <a class="text-light" href="https://opengnsys.soleta.eu/">Soleta Networks</a>
- </div>
- </footer>
- {% endblock %}
+ {% block footer %}
+ <footer class="footer navbar-inverse bg-dark flex-shrink-0" role="contentinfo">
+ <div class="text-center text-secondary mt-1 p-3">
+ Powered by
+ <a class="text-light" href="https://opengnsys.soleta.eu/">Soleta Networks</a>
+ </div>
+ </footer>
+ {% endblock %}
+ </div>
+
+ <!-- jQuery -->
+ <script src="{{ url_for('static', filename='AdminLTE/plugins/jquery/jquery.min.js') }}"></script>
+ <!-- Bootstrap 4 -->
+ <script src="{{ url_for('static', filename='AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
+ <!-- AdminLTE App -->
+ <script src="{{ url_for('static', filename='AdminLTE/dist/js/adminlte.min.js') }}"></script>
</body>
</html>