fix: ajax form submit, alert render on mobile

This commit is contained in:
2025-07-23 22:48:36 -05:00
parent 75e9c1e8c3
commit d1ae26db45
4 changed files with 9 additions and 42 deletions

View File

@@ -1,6 +1,6 @@
<li {{ attributes }} id="alert_{{ alert_id }}"
class="alert alert-{{ type|default('success') }}"
role="alert"
role="alert"
>
<div class="flex items-center">
<svg class="shrink-0 w-4 h-4 me-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
@@ -9,7 +9,7 @@
<span class="sr-only">Info</span>
<h3 class="text-lg font-medium font-bold">{{ title|default('') }}</h3>
</div>
<div class="mt-2 text-sm w-[350px] font-bold">
<div class="mt-2 text-sm w-[300px] font-bold overflow-hidden text-wrap">
{{ message }}
</div>
</li>

View File

@@ -26,7 +26,7 @@
</div>
</div>
</div>
<div {{ turbo_stream_listen(app.session.get('mercure_alert_topic')) }} class="fixed z-40 top-10 right-10">
<div {{ turbo_stream_listen(app.session.get('mercure_alert_topic')) }} class="fixed z-40 top-4 right-3 md:top-10 md:right-10">
<div class="z-40">
<ul id="alert_list" class="flex flex-col gap-2">
{% for message in app.flashes('warning') %}