From 49d820f19d57a49a7c3768b7ba815128e8843042 Mon Sep 17 00:00:00 2001 From: Teal Starsong <git@teal.is> Date: Tue, 27 May 2025 17:35:16 +0200 Subject: [PATCH] feat: add leaderboard to navigation and improve responsive design - Add leaderboard link to main navigation (desktop and mobile) - Add stats links to conferences index page - Fix navigation breakpoints: change from md: to lg: (1024px) to prevent menu items running together - Improve responsive padding across all templates: less padding on mobile, more on larger screens --- app/views/admin/conferences/edit.html.erb | 2 +- app/views/admin/conferences/import_history.html.erb | 2 +- app/views/admin/conferences/import_progress.html.erb | 2 +- app/views/admin/conferences/index.html.erb | 2 +- app/views/admin/conferences/new.html.erb | 2 +- .../admin/conferences/select_relevant_stages.html.erb | 2 +- app/views/admin/conferences/show.html.erb | 2 +- app/views/admin/dashboard/index.html.erb | 2 +- app/views/admin/invitation_tokens/show.html.erb | 2 +- .../admin/notification_channels/discover_groups.html.erb | 2 +- app/views/admin/notification_channels/edit.html.erb | 2 +- app/views/admin/notification_channels/index.html.erb | 2 +- app/views/admin/notification_channels/new.html.erb | 2 +- app/views/admin/notification_channels/show.html.erb | 2 +- app/views/admin/roles/edit.html.erb | 2 +- app/views/admin/roles/index.html.erb | 2 +- app/views/admin/standby_blocks/edit.html.erb | 2 +- app/views/admin/standby_blocks/index.html.erb | 2 +- app/views/admin/standby_blocks/new.html.erb | 2 +- app/views/admin/users/edit.html.erb | 2 +- app/views/admin/users/index.html.erb | 2 +- app/views/admin/users/new.html.erb | 2 +- app/views/admin/users/show.html.erb | 2 +- app/views/assignments/by_user.html.erb | 2 +- app/views/assignments/index.html.erb | 2 +- app/views/conferences/index.html.erb | 2 +- app/views/conferences/show.html.erb | 2 +- app/views/conferences/stats.html.erb | 2 +- app/views/devise/passwords/edit.html.erb | 2 +- app/views/devise/passwords/new.html.erb | 2 +- app/views/devise/registrations/edit.html.erb | 2 +- app/views/devise/registrations/new.html.erb | 2 +- app/views/devise/sessions/new.html.erb | 2 +- app/views/layouts/application.html.erb | 8 ++++---- app/views/sessions/show.html.erb | 2 +- app/views/speakers/show.html.erb | 2 +- 36 files changed, 39 insertions(+), 39 deletions(-) diff --git a/app/views/admin/conferences/edit.html.erb b/app/views/admin/conferences/edit.html.erb index 937d5c5..57d50a7 100644 --- a/app/views/admin/conferences/edit.html.erb +++ b/app/views/admin/conferences/edit.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <h1 class="text-2xl font-bold mb-6 dark:text-gray-200">Admin: Edit Conference: <%= @conference.name %></h1> <%= render "form", conference: @conference, url: admin_conference_path(slug: @conference.slug), method: :patch, submit_text: "Update Conference" %> diff --git a/app/views/admin/conferences/import_history.html.erb b/app/views/admin/conferences/import_history.html.erb index 1bb6df7..7bb4632 100644 --- a/app/views/admin/conferences/import_history.html.erb +++ b/app/views/admin/conferences/import_history.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6 header-with-actions"> <h1 class="text-2xl font-bold dark:text-gray-200">Import History for <%= @conference.name %></h1> <div class="flex space-x-2 actions"> diff --git a/app/views/admin/conferences/import_progress.html.erb b/app/views/admin/conferences/import_progress.html.erb index 6bb25b5..8851bad 100644 --- a/app/views/admin/conferences/import_progress.html.erb +++ b/app/views/admin/conferences/import_progress.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <h1 class="text-2xl font-bold mb-6">Importing Conference Data</h1> <div id="import-status" data-conference-slug="<%= @conference.slug %>"> diff --git a/app/views/admin/conferences/index.html.erb b/app/views/admin/conferences/index.html.erb index ab89402..da256e2 100644 --- a/app/views/admin/conferences/index.html.erb +++ b/app/views/admin/conferences/index.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6 header-with-actions"> <h1 class="text-2xl font-bold dark:text-gray-200">Conferences</h1> <div class="actions"> diff --git a/app/views/admin/conferences/new.html.erb b/app/views/admin/conferences/new.html.erb index b285d92..f5b489b 100644 --- a/app/views/admin/conferences/new.html.erb +++ b/app/views/admin/conferences/new.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <h1 class="text-2xl font-bold mb-6 dark:text-gray-200">Admin: New Conference</h1> <%= render "form", conference: @conference, url: admin_conferences_path, method: :post, submit_text: "Create Conference" %> diff --git a/app/views/admin/conferences/select_relevant_stages.html.erb b/app/views/admin/conferences/select_relevant_stages.html.erb index 02d4343..eb137d8 100644 --- a/app/views/admin/conferences/select_relevant_stages.html.erb +++ b/app/views/admin/conferences/select_relevant_stages.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <h1 class="text-2xl font-bold mb-6">Select Relevant Stages for <%= @conference.name %></h1> <% if @conference.import_in_progress? %> diff --git a/app/views/admin/conferences/show.html.erb b/app/views/admin/conferences/show.html.erb index 15312ad..7da1e44 100644 --- a/app/views/admin/conferences/show.html.erb +++ b/app/views/admin/conferences/show.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6 header-with-actions"> <h1 class="text-2xl font-bold dark:text-gray-200"><%= @conference.name %></h1> <div class="flex space-x-2 actions"> diff --git a/app/views/admin/dashboard/index.html.erb b/app/views/admin/dashboard/index.html.erb index 6319baa..a8ebed3 100644 --- a/app/views/admin/dashboard/index.html.erb +++ b/app/views/admin/dashboard/index.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <h1 class="text-2xl font-bold dark:text-gray-200 mb-6">Admin Dashboard</h1> <!-- Stats Overview --> diff --git a/app/views/admin/invitation_tokens/show.html.erb b/app/views/admin/invitation_tokens/show.html.erb index c3a6aec..e922eb5 100644 --- a/app/views/admin/invitation_tokens/show.html.erb +++ b/app/views/admin/invitation_tokens/show.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="max-w-2xl mx-auto"> <h1 class="text-2xl font-bold dark:text-gray-200 mb-6">Invitation Token Management</h1> diff --git a/app/views/admin/notification_channels/discover_groups.html.erb b/app/views/admin/notification_channels/discover_groups.html.erb index b832c9a..abf8567 100644 --- a/app/views/admin/notification_channels/discover_groups.html.erb +++ b/app/views/admin/notification_channels/discover_groups.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6"> <h1 class="text-2xl font-bold dark:text-gray-200">Select Group Chat for <%= @notification_channel.name %></h1> </div> diff --git a/app/views/admin/notification_channels/edit.html.erb b/app/views/admin/notification_channels/edit.html.erb index 45b0fe9..82cc918 100644 --- a/app/views/admin/notification_channels/edit.html.erb +++ b/app/views/admin/notification_channels/edit.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6"> <h1 class="text-2xl font-bold dark:text-gray-200">Edit Notification Channel</h1> </div> diff --git a/app/views/admin/notification_channels/index.html.erb b/app/views/admin/notification_channels/index.html.erb index 202096e..13dc2af 100644 --- a/app/views/admin/notification_channels/index.html.erb +++ b/app/views/admin/notification_channels/index.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6 header-with-actions"> <h1 class="text-2xl font-bold dark:text-gray-200">Notification Channels</h1> <div class="actions"> diff --git a/app/views/admin/notification_channels/new.html.erb b/app/views/admin/notification_channels/new.html.erb index fbc12c2..6d8f021 100644 --- a/app/views/admin/notification_channels/new.html.erb +++ b/app/views/admin/notification_channels/new.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6"> <h1 class="text-2xl font-bold dark:text-gray-200">New Notification Channel</h1> </div> diff --git a/app/views/admin/notification_channels/show.html.erb b/app/views/admin/notification_channels/show.html.erb index a4fbd32..96c8f6a 100644 --- a/app/views/admin/notification_channels/show.html.erb +++ b/app/views/admin/notification_channels/show.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6 header-with-actions"> <h1 class="text-2xl font-bold dark:text-gray-200"><%= @notification_channel.name %></h1> <div class="actions"> diff --git a/app/views/admin/roles/edit.html.erb b/app/views/admin/roles/edit.html.erb index 4476fd9..030f3e5 100644 --- a/app/views/admin/roles/edit.html.erb +++ b/app/views/admin/roles/edit.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <h1 class="text-2xl font-bold mb-6 dark:text-gray-200">Edit Role: <%= @role.name %></h1> <%= render "form", role: @role, permissions: @permissions, submit_text: "Update Role" %> diff --git a/app/views/admin/roles/index.html.erb b/app/views/admin/roles/index.html.erb index 8499910..2f1c4df 100644 --- a/app/views/admin/roles/index.html.erb +++ b/app/views/admin/roles/index.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <h1 class="text-2xl font-bold mb-6 dark:text-gray-200">Roles and Permissions</h1> <div class="bg-white dark:bg-gray-800 shadow overflow-hidden rounded-lg table-responsive"> diff --git a/app/views/admin/standby_blocks/edit.html.erb b/app/views/admin/standby_blocks/edit.html.erb index b0e8da8..c115582 100644 --- a/app/views/admin/standby_blocks/edit.html.erb +++ b/app/views/admin/standby_blocks/edit.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="mb-6"> <nav class="flex" aria-label="Breadcrumb"> <ol role="list" class="flex items-center space-x-4"> diff --git a/app/views/admin/standby_blocks/index.html.erb b/app/views/admin/standby_blocks/index.html.erb index 19eee7a..471f600 100644 --- a/app/views/admin/standby_blocks/index.html.erb +++ b/app/views/admin/standby_blocks/index.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6 header-with-actions"> <div> <h1 class="text-2xl font-bold dark:text-gray-200">Standby Blocks</h1> diff --git a/app/views/admin/standby_blocks/new.html.erb b/app/views/admin/standby_blocks/new.html.erb index 2240bb2..838253a 100644 --- a/app/views/admin/standby_blocks/new.html.erb +++ b/app/views/admin/standby_blocks/new.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="mb-6"> <nav class="flex" aria-label="Breadcrumb"> <ol role="list" class="flex items-center space-x-4"> diff --git a/app/views/admin/users/edit.html.erb b/app/views/admin/users/edit.html.erb index 987cb1f..acaef66 100644 --- a/app/views/admin/users/edit.html.erb +++ b/app/views/admin/users/edit.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6"> <h1 class="text-2xl font-bold dark:text-gray-200">Edit User</h1> <div class="flex space-x-2"> diff --git a/app/views/admin/users/index.html.erb b/app/views/admin/users/index.html.erb index 3d96881..7a6e909 100644 --- a/app/views/admin/users/index.html.erb +++ b/app/views/admin/users/index.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6 header-with-actions"> <h1 class="text-2xl font-bold dark:text-gray-200">Users</h1> <div class="actions"> diff --git a/app/views/admin/users/new.html.erb b/app/views/admin/users/new.html.erb index 086351a..0b62d82 100644 --- a/app/views/admin/users/new.html.erb +++ b/app/views/admin/users/new.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6"> <h1 class="text-2xl font-bold dark:text-gray-200">New User</h1> <%= link_to "Back to Users", admin_users_path, class: "px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700 dark:bg-gray-700 dark:hover:bg-gray-800" %> diff --git a/app/views/admin/users/show.html.erb b/app/views/admin/users/show.html.erb index 961e449..36399c1 100644 --- a/app/views/admin/users/show.html.erb +++ b/app/views/admin/users/show.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6"> <h1 class="text-2xl font-bold dark:text-gray-200">User Details</h1> <div class="flex space-x-2"> diff --git a/app/views/assignments/by_user.html.erb b/app/views/assignments/by_user.html.erb index 44f3165..7b50e0f 100644 --- a/app/views/assignments/by_user.html.erb +++ b/app/views/assignments/by_user.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="max-w-full"> <div class="flex items-center justify-between mb-6"> <div class="flex items-center"> diff --git a/app/views/assignments/index.html.erb b/app/views/assignments/index.html.erb index b677ecb..595fba1 100644 --- a/app/views/assignments/index.html.erb +++ b/app/views/assignments/index.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <% now = Time.now %> <div class="scroll-smooth"> <h1 class="text-xl my-4 dark:text-red-500">Assignments for all users</h1> diff --git a/app/views/conferences/index.html.erb b/app/views/conferences/index.html.erb index 3e463b0..b90a0e6 100644 --- a/app/views/conferences/index.html.erb +++ b/app/views/conferences/index.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="flex justify-between items-center mb-6"> <h1 class="text-2xl font-bold dark:text-gray-200">Conferences</h1> diff --git a/app/views/conferences/show.html.erb b/app/views/conferences/show.html.erb index d37210b..17b60a3 100644 --- a/app/views/conferences/show.html.erb +++ b/app/views/conferences/show.html.erb @@ -13,7 +13,7 @@ current_time = Time.zone.now.in_time_zone(@conference.time_zone) <%= render partial: 'assignments/filteredlist_option', locals: { user: } %> <% end %> </template> -<div class="container mx-auto px-4 py-8 text-black dark:text-white"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8 text-black dark:text-white"> <div class="mb-4"> <a href="#now" onclick="document.querySelector('#now')?.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' }); return false" class="underline text-blue-500">Jump to current time</a> </div> diff --git a/app/views/conferences/stats.html.erb b/app/views/conferences/stats.html.erb index a5627c7..8a99f42 100644 --- a/app/views/conferences/stats.html.erb +++ b/app/views/conferences/stats.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <h1 class="text-3xl font-bold mb-8 dark:text-gray-100 text-center">Statistics for <%= @conference.name %></h1> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> diff --git a/app/views/devise/passwords/edit.html.erb b/app/views/devise/passwords/edit.html.erb index 3d7c2e7..3950fdc 100644 --- a/app/views/devise/passwords/edit.html.erb +++ b/app/views/devise/passwords/edit.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="max-w-md mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6"> <h1 class="text-2xl font-bold mb-6 dark:text-white">Change your password</h1> diff --git a/app/views/devise/passwords/new.html.erb b/app/views/devise/passwords/new.html.erb index da798dd..3d3409d 100644 --- a/app/views/devise/passwords/new.html.erb +++ b/app/views/devise/passwords/new.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="max-w-md mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6"> <h1 class="text-2xl font-bold mb-6 dark:text-white">Forgot your password?</h1> diff --git a/app/views/devise/registrations/edit.html.erb b/app/views/devise/registrations/edit.html.erb index 7c2f5d6..c9e0945 100644 --- a/app/views/devise/registrations/edit.html.erb +++ b/app/views/devise/registrations/edit.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="max-w-2xl mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6"> <h1 class="text-2xl font-bold mb-6 dark:text-white">Profile</h1> diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb index 9d236c9..e9c0284 100644 --- a/app/views/devise/registrations/new.html.erb +++ b/app/views/devise/registrations/new.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="max-w-md mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6"> <h1 class="text-2xl font-bold mb-6 dark:text-white">Sign Up</h1> diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb index 7d09131..f5965f9 100644 --- a/app/views/devise/sessions/new.html.erb +++ b/app/views/devise/sessions/new.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8"> <div class="max-w-md mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6"> <h1 class="text-2xl font-bold mb-6 dark:text-white">Log in</h1> diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 7638071..6d2acf7 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -40,7 +40,7 @@ </h1> <!-- Desktop navigation items --> - <div class="hidden md:flex md:items-center md:space-x-4 md:ml-4"> + <div class="hidden lg:flex lg:items-center lg:space-x-4 lg:ml-4"> <%= link_to 'Conferences', conferences_path, class: 'text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white' %> <%= link_to 'Assignments', assignments_path, class: 'text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white' %> <%= link_to 'Leaderboard', users_leaderboard_path, class: 'text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white' %> @@ -50,7 +50,7 @@ <nav class="flex items-center space-x-3"> <% if user_signed_in? %> <!-- Desktop user navigation --> - <div class="hidden md:flex md:items-center md:space-x-4"> + <div class="hidden lg:flex lg:items-center lg:space-x-4"> <%= link_to edit_user_registration_path, class: "text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white", aria_label: "My Profile" do %> <span>My Profile</span> <% end %> @@ -79,7 +79,7 @@ </button> <!-- Mobile hamburger menu --> - <div class="md:hidden relative ml-4"> + <div class="lg:hidden relative ml-4"> <button id="main-menu-toggle" class="text-gray-900 dark:text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> @@ -127,7 +127,7 @@ </button> <!-- Mobile hamburger menu for non-logged in users --> - <div class="md:hidden relative ml-4"> + <div class="lg:hidden relative ml-4"> <button id="guest-menu-toggle" class="text-gray-900 dark:text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> diff --git a/app/views/sessions/show.html.erb b/app/views/sessions/show.html.erb index e238ec7..1796975 100644 --- a/app/views/sessions/show.html.erb +++ b/app/views/sessions/show.html.erb @@ -4,7 +4,7 @@ <%= render partial: 'assignments/filteredlist_option', locals: { user: } %> <% end %> </template> -<div class="container mx-auto px-4 py-8 pb-16 max-w-6xl"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8 pb-16 max-w-6xl"> <% if @session %> <!-- Session Header Section --> <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8"> diff --git a/app/views/speakers/show.html.erb b/app/views/speakers/show.html.erb index c8546f4..74b38d0 100644 --- a/app/views/speakers/show.html.erb +++ b/app/views/speakers/show.html.erb @@ -1,4 +1,4 @@ -<div class="container mx-auto px-4 py-8 max-w-4xl"> +<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8 max-w-4xl"> <% if @speaker %> <!-- Speaker Header Section --> <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8"> -- GitLab