fix(style): demo mode close button is place incorrectly

This commit is contained in:
Herculino Trotta
2025-12-13 16:45:57 -03:00
parent 29b6ee3af3
commit 606e6b3843

View File

@@ -5,52 +5,53 @@
{% load title %} {% load title %}
<!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>
<meta charset="utf-8" /> <head>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta charset="utf-8" />
<title> <meta name="viewport" content="width=device-width, initial-scale=1" />
{% filter site_title %} <title>
{% block title %} {% filter site_title %}
{% endblock title %} {% block title %}
{% endfilter %} {% endblock title %}
</title> {% endfilter %}
{% include 'includes/head/favicons.html' %} </title>
{% progressive_web_app_meta %} {% include 'includes/head/favicons.html' %}
{# {% include 'includes/styles.html' %}#} {% progressive_web_app_meta %}
{% block extra_styles %}{% endblock %} {# {% include 'includes/styles.html' %}#}
{% include 'includes/scripts.html' %} {% block extra_styles %}{% endblock %}
{% block extra_js_head %}{% endblock %} {% include 'includes/scripts.html' %}
</head> {% block extra_js_head %}{% endblock %}
<body class="font-mono"> </head>
<div _="install htmx_error_handler
{% block body_hyperscript %}{% endblock %}" <body class="font-mono">
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'> <div _="install htmx_error_handler
{% include 'includes/mobile_navbar.html' %} {% block body_hyperscript %}{% endblock %}" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
{% include 'includes/sidebar.html' %} {% include 'includes/mobile_navbar.html' %}
<main class="my-8 px-3"> {% include 'includes/sidebar.html' %}
{% settings "DEMO" as demo_mode %} <main class="my-8 px-3">
{% if demo_mode %} {% settings "DEMO" as demo_mode %}
<div class="px-3 m-0" id="demo-mode-alert" hx-preserve> {% if demo_mode %}
<div class="alert alert-warning my-3" role="alert"> <div class="px-3 m-0" id="demo-mode-alert" hx-preserve>
<strong>{% trans "This is a demo!" %}</strong> {% trans "Any data you add here will be wiped in 24hrs or less" %} <div class="alert alert-warning my-3 relative" role="alert">
<button type="button" <strong>{% trans "This is a demo!" %}</strong> {% trans "Any data you add here will be wiped in 24hrs or less"
class="btn btn-sm btn-ghost absolute right-2 top-2" %}
onclick="this.parentElement.style.display='none'" <button type="button" class="btn btn-sm btn-ghost absolute right-2 top-1/2 -translate-y-1/2"
aria-label="Close"></button> onclick="this.parentElement.style.display='none'" aria-label="Close"></button>
</div>
</div>
{% endif %}
<div id="content">
{% block content %}
{% endblock content %}
</div> </div>
{% include "includes/offcanvas.html" %} </div>
{% include "includes/toasts.html" %} {% endif %}
</main> <div id="content">
</div> {% block content %}
{% include "includes/tools/calculator.html" %} {% endblock content %}
{% block extra_js_body %} </div>
{% endblock extra_js_body %} {% include "includes/offcanvas.html" %}
</body> {% include "includes/toasts.html" %}
</html> </main>
</div>
{% include "includes/tools/calculator.html" %}
{% block extra_js_body %}
{% endblock extra_js_body %}
</body>
</html>