mirrors/notebook
3
0
Fork 0
mirror of https://github.com/indentlabs/notebook.git synced 2025-10-26 11:19:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

add sidebar toggle back

Browse Source
This commit is contained in:
Andrew Brown 2025-07-02 00:21:01 -07:00
parent fd7c5b7b6b
commit 7af35d1946
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/views/layouts/tailwind.html.erb
View File

@ -282,6 +282,25 @@
<!-- sidebar backdrop on mobile -->
<div class="fixed inset-0 z-10 w-screen h-screen bg-black bg-opacity-25 lg:hidden" x-show="showSidebar" @click="showSidebar = false" x-cloak></div>
<!-- Floating notebook toggle button (shows when sidebar is hidden) -->
<button x-show="!showSidebar" @click="showSidebar = true"
class="fixed bottom-8 -left-2 z-30"
x-cloak>
<div class="relative pl-0 hover:pl-2 transition-all duration-300">
<div class="ripple-effect bg-notebook-blue text-white rounded-r-lg shadow-lg py-3 px-5 flex flex-row items-center justify-center space-x-2">
<!-- Menu icon -->
<i class="material-icons text-white text-base">menu_open</i>
<!-- Colored indicators -->
<div class="flex flex-row space-x-1.5">
<div class="w-1.5 h-5 bg-blue-300 rounded-full"></div>
<div class="w-1.5 h-5 bg-green-400 rounded-full"></div>
<div class="w-1.5 h-5 bg-purple-400 rounded-full"></div>
</div>
</div>
</div>
</button>
<% end %>
<!-- main content -->