rythondev/coworking-stream-guide
1
0
Fork 0
mirror of https://github.com/liyunze-coding/coworking-website.git synced 2026-11-06 21:23:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

improved home page mobile responsiveness

Browse source
This commit is contained in:
liyunze 2024-04-20 11:56:54 +08:00
parent 265460f8f7
commit bbd20f2424
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/blocks/navBar.astro
View file

@ -82,7 +82,7 @@ import SearchModal from "../ui/SearchModal.astro";
</div> </div>
<aside <aside
id="vertical-navbar" id="vertical-navbar"
class="fixed block overflow-y-auto -translate-x-[200%] transition-transform duration-300 z-30 lg:hidden bg-[#151515] py-8 px-8 h-[calc(100vh-var(--header-height))] top-[--header-height]" class="fixed block overflow-y-auto -translate-x-[200%] transition-transform duration-300 z-[60] lg:hidden bg-[#151515] py-8 px-8 h-[calc(100vh-var(--header-height))] top-[--header-height]"
transition:persist="vertical-nav-from-left" transition:persist="vertical-nav-from-left"
> >
<VerticalNav showHome={true} /> <VerticalNav showHome={true} />

2
src/components/ui/BlurBackground.astro
View file

@ -1,5 +1,5 @@
<div <div
class="bg-[white] h-[34vmax] aspect-square absolute rounded-full bg-[linear-gradient(to_right,#88D47D,#3F84D8)] animate-[rotate_20s_infinite] opacity-80 origin-center left-1/2 top-1/2" class="bg-[white] h-[80vmax] md:h-[34vmax] aspect-video md:aspect-square absolute rounded-full bg-[linear-gradient(to_right,#88D47D,#3F84D8)] animate-[rotate_20s_infinite] opacity-30 md:opacity-80 origin-center left-1/2 top-1/2"
> >
</div> </div>
<div <div