Implemented OverlayExplorer for mobile view

This commit is contained in:
Jafeth Garro 2024-09-18 08:15:53 -06:00
parent 573537a102
commit cbfb898c51
5 changed files with 502 additions and 0 deletions

View file

@ -1,5 +1,6 @@
import { PageLayout, SharedLayout } from "./quartz/cfg"
import * as Component from "./quartz/components"
import * as ExtraComponent from "./quartz/extra"
// components shared across all pages
export const sharedPageComponents: SharedLayout = {
@ -26,6 +27,9 @@ export const defaultContentPageLayout: PageLayout = {
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
Component.MobileOnly(ExtraComponent.OverlayExplorer(
{filterFn: (node) => (node.name !== "tags" && node.name !== "License")},
)),
Component.Search(),
Component.Darkmode(),
Component.DesktopOnly(Component.Explorer()),
@ -43,6 +47,9 @@ export const defaultListPageLayout: PageLayout = {
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
Component.MobileOnly(ExtraComponent.OverlayExplorer(
{filterFn: (node) => (node.name !== "tags" && node.name !== "License")},
)),
Component.Search(),
Component.Darkmode(),
Component.DesktopOnly(Component.Explorer()),