Hide settings on tablet size (#121)

This commit is contained in:
Alex Lion
2025-03-23 16:10:41 +01:00
parent bdddf2c376
commit 8e648451eb

View File

@@ -1148,7 +1148,7 @@
phx-hook="Split" phx-hook="Split"
data-gutter=".gutter-2" data-gutter=".gutter-2"
data-type="row" data-type="row"
class="md:grid grid-rows-[0.5fr_10px_1fr] overflow-y-auto" class="lg:grid grid-rows-[0.5fr_10px_1fr] overflow-y-auto"
> >
<div <div
class="bg-gray-200 border-2 overflow-auto relative grid grid-rows-[auto_1fr] h-full w-full" class="bg-gray-200 border-2 overflow-auto relative grid grid-rows-[auto_1fr] h-full w-full"
@@ -1448,12 +1448,12 @@
<% end %> <% end %>
</div> </div>
<div class="hidden md:block gutter-2 col-span-full cursor-row-resize z-20 row-[2] bg-gray-50 text-center text-gray-300 text-sm leading-3"> <div class="hidden lg:block gutter-2 col-span-full cursor-row-resize z-20 row-[2] bg-gray-50 text-center text-gray-300 text-sm leading-3">
••• •••
</div> </div>
<div <div
class="hidden md:block z-20 bg-white @container" class="hidden lg:block z-20 bg-white @container"
data-tg-title={"#{gettext("Settings")}"} data-tg-title={"#{gettext("Settings")}"}
data-tg-order="3" data-tg-order="3"
data-tg-tour={"<p class='mb-3'>#{gettext("You can control each setting for the presentation (showing on the big screen) and on the attendee's room.")}</p><p class='opacity-50 text-xs'>#{gettext("Use the associated keyboard shortcuts for quick toggling of these settings.")}</p>"} data-tg-tour={"<p class='mb-3'>#{gettext("You can control each setting for the presentation (showing on the big screen) and on the attendee's room.")}</p><p class='opacity-50 text-xs'>#{gettext("Use the associated keyboard shortcuts for quick toggling of these settings.")}</p>"}