Merge pull request #439 from eitchtee/dev

fix(style): demo mode close button is place incorrectly
This commit is contained in:
Herculino Trotta
2025-12-13 16:46:57 -03:00
committed by GitHub
+13 -12
View File
@@ -6,7 +6,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" <html lang="en"
data-theme="{% if request.session.theme == 'wygiwyh_light' %}wygiwyh_light{% else %}wygiwyh_dark{% endif %}"> data-theme="{% if request.session.theme == 'wygiwyh_light' %}wygiwyh_light{% else %}wygiwyh_dark{% endif %}">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title> <title>
@@ -21,23 +22,22 @@
{% block extra_styles %}{% endblock %} {% block extra_styles %}{% endblock %}
{% include 'includes/scripts.html' %} {% include 'includes/scripts.html' %}
{% block extra_js_head %}{% endblock %} {% block extra_js_head %}{% endblock %}
</head> </head>
<body class="font-mono">
<body class="font-mono">
<div _="install htmx_error_handler <div _="install htmx_error_handler
{% block body_hyperscript %}{% endblock %}" {% block body_hyperscript %}{% endblock %}" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
{% include 'includes/mobile_navbar.html' %} {% include 'includes/mobile_navbar.html' %}
{% include 'includes/sidebar.html' %} {% include 'includes/sidebar.html' %}
<main class="my-8 px-3"> <main class="my-8 px-3">
{% settings "DEMO" as demo_mode %} {% settings "DEMO" as demo_mode %}
{% if demo_mode %} {% if demo_mode %}
<div class="px-3 m-0" id="demo-mode-alert" hx-preserve> <div class="px-3 m-0" id="demo-mode-alert" hx-preserve>
<div class="alert alert-warning my-3" role="alert"> <div class="alert alert-warning my-3 relative" role="alert">
<strong>{% trans "This is a demo!" %}</strong> {% trans "Any data you add here will be wiped in 24hrs or less" %} <strong>{% trans "This is a demo!" %}</strong> {% trans "Any data you add here will be wiped in 24hrs or less"
<button type="button" %}
class="btn btn-sm btn-ghost absolute right-2 top-2" <button type="button" class="btn btn-sm btn-ghost absolute right-2 top-1/2 -translate-y-1/2"
onclick="this.parentElement.style.display='none'" onclick="this.parentElement.style.display='none'" aria-label="Close"></button>
aria-label="Close"></button>
</div> </div>
</div> </div>
{% endif %} {% endif %}
@@ -52,5 +52,6 @@
{% include "includes/tools/calculator.html" %} {% include "includes/tools/calculator.html" %}
{% block extra_js_body %} {% block extra_js_body %}
{% endblock extra_js_body %} {% endblock extra_js_body %}
</body> </body>
</html> </html>