fix(pres_mgmt): use w-full on Session and Presenter page sections

Session ID page: replace `container mx-auto` with `w-full` — removes the
Tailwind breakpoint max-width cap that was narrower than the outer layout's
max-w-7xl on smaller desktop viewports, and eliminates the double-padding
from nested container classes.

Presenter ID page: replace the conflicting `md:container items-center mx-auto
h-full min-w-full max-w-max` with a clean `w-full`. The `items-center` was
the main bug — in flex-col context it horizontally centered children (presenter
details, file upload form, file list) at their content width instead of
stretching them to fill the available space. Removes all of the conflicting
min/max width overrides.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-03-13 11:05:55 -04:00
parent 633930f65a
commit c29ac9f9f5
2 changed files with 2 additions and 15 deletions

View File

@@ -124,20 +124,7 @@
</title>
</svelte:head>
<section
class="
ae_events_pres_mgmt_event_presenter
md:container
flex flex-col gap-1
items-center
justify-start
mx-auto
py-1 px-2 pb-16
h-full
min-w-full
max-w-max
"
>
<section class="ae_events_pres_mgmt_event_presenter w-full flex flex-col gap-1 py-1 px-2 pb-16">
<Presenter_page_menu {lq__event_obj} {lq__event_presenter_obj} />
{#if !$lq__event_presenter_obj}

View File

@@ -99,7 +99,7 @@
</title>
</svelte:head>
<section class="ae_events_pres_mgmt_event_session container mx-auto py-1 px-2 pb-16 space-y-6">
<section class="ae_events_pres_mgmt_event_session w-full py-1 px-2 pb-16 space-y-6">
<!-- Pass observable STORES to child components (they use $) -->
<Session_page_menu {data} {lq__event_session_obj} {lq__auth__event_presenter_obj} />