mirrors/live_beats
1
0
Fork 0
mirror of https://github.com/fly-apps/live_beats.git synced 2024-11-25 09:20:59 +00:00
Code Issues Projects Releases Wiki Activity

Add additional region for search region when mobile sidebar is displayed.

Browse source
This commit is contained in:
Nolan Darilek 2021-12-20 12:13:49 -06:00
parent ce1a1fdc5f
commit 57150a4f7a
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
lib/live_beats_web/templates/layout/live.html.heex
View file

@ -1,4 +1,4 @@
<div id="mobile-sidebar-container" class="fixed inset-0 flex z-40 lg:hidden" aria-modal="true" style="display: none;"> <div id="mobile-sidebar-container" class="fixed inset-0 flex z-40 lg:hidden" aria-modal="true" style="display: none;" role="region">
<div <div
class="fixed inset-0 bg-gray-600 bg-opacity-75" class="fixed inset-0 bg-gray-600 bg-opacity-75"
phx-click={hide_mobile_sidebar()}> phx-click={hide_mobile_sidebar()}>
@ -49,7 +49,7 @@
<!-- Static sidebar for desktop --> <!-- Static sidebar for desktop -->
<div class="hidden lg:flex lg:flex-shrink-0"> <div class="hidden lg:flex lg:flex-shrink-0" role="region">
<div class="flex flex-col w-64 border-r border-gray-200 pt-5 pb-4 bg-gray-100"> <div class="flex flex-col w-64 border-r border-gray-200 pt-5 pb-4 bg-gray-100">
<div class="flex items-center flex-shrink-0 px-6"> <div class="flex items-center flex-shrink-0 px-6">
<.link navigate={home_path(@current_user)}> <.link navigate={home_path(@current_user)}>
@ -95,7 +95,7 @@
<!-- Main column --> <!-- Main column -->
<div class="flex flex-col w-0 flex-1 overflow-hidden"> <div class="flex flex-col w-0 flex-1 overflow-hidden">
<!-- Search header --> <!-- Search header -->
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white border-b border-gray-200 lg:hidden"> <div class="relative z-10 flex-shrink-0 flex h-16 bg-white border-b border-gray-200 lg:hidden" role="navigation">
<button type="button" <button type="button"
id="show-mobile-sidebar" id="show-mobile-sidebar"
aria-expanded="false" aria-expanded="false"