fernando/thp-lang.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add transition to sidebar toggle on mobile

Browse Source
This commit is contained in:
Araozu 2024-04-23 16:32:30 -05:00
parent 96e50abec4
commit b8c70f9550
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/layouts/PagesLayout.astro
View File

@ -76,7 +76,8 @@ for (const entry of pagesIndex) {
<div class="lg:grid lg:grid-cols-[14rem_auto_12rem] lg:container mx-auto"> <div class="lg:grid lg:grid-cols-[14rem_auto_12rem] lg:container mx-auto">
<div <div
id="sidebar" id="sidebar"
class="pt-12 h-screen lg:sticky top-0 fixed z-10 bg-c-bg w-60 lg:w-auto border-r-2 lg:border-0 border-c-border-1 -translate-x-64 lg:translate-x-0" class="pt-12 h-screen lg:sticky top-0 fixed z-10 bg-c-bg w-60 lg:w-auto border-r-2 lg:border-0
border-c-border-1 -translate-x-64 lg:translate-x-0 transition-transform"
> >
<nav class="py-4 pr-2 overflow-x-scroll h-[calc(100vh-3rem)]"> <nav class="py-4 pr-2 overflow-x-scroll h-[calc(100vh-3rem)]">
{ {