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

edited navBar and featured more streamers

Browse source
This commit is contained in:
liyunze 2023-06-19 19:19:26 +08:00
parent 26404212b4
commit 2127bbc980
2 changed files with 34 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/navBar.astro
View file

@ -206,6 +206,20 @@
} }
}); });
// if clicked outside of the hamburger menu, close the sidebar
window.addEventListener("click", (e) => {
if (
e.target !== hamburger &&
e.target !== topBun &&
e.target !== bottomBun &&
e.target !== checkbox &&
e.target !== document.querySelector(".sidebar") &&
e.target !== document.querySelector(".sidebar nav")
) {
closeSideBar();
}
});
// if window is resized, check if it's less than 768px // if window is resized, check if it's less than 768px
window.addEventListener("resize", () => { window.addEventListener("resize", () => {
if (window.innerWidth < 768) { if (window.innerWidth < 768) {

20
src/pages/index.astro
View file

@ -75,6 +75,16 @@ import Layout from "../layouts/Layout.astro";
</div> </div>
<div class="mr-1">:</div> resolve merge conflicts <div class="mr-1">:</div> resolve merge conflicts
</div> </div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-green-400"
>
j3dg
</div>
<div class="mr-1">:</div> spin class
</div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
> >
@ -347,6 +357,16 @@ import Layout from "../layouts/Layout.astro";
</div> </div>
<div class="mr-1">:</div> sell merch <div class="mr-1">:</div> sell merch
</div> </div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-gray-100"
>
xhumming
</div>
<div class="mr-1">:</div> feed Emmy
</div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
> >