From bce557cc2dc767628bed6aac87301a1be7c5431b Mon Sep 17 00:00:00 2001 From: rxliuli Date: Tue, 4 Nov 2025 05:03:50 +0800 Subject: init commit --- shared/components/src/stores/sidebar-hidden.ts | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 shared/components/src/stores/sidebar-hidden.ts (limited to 'shared/components/src/stores/sidebar-hidden.ts') diff --git a/shared/components/src/stores/sidebar-hidden.ts b/shared/components/src/stores/sidebar-hidden.ts new file mode 100644 index 0000000..2de14d1 --- /dev/null +++ b/shared/components/src/stores/sidebar-hidden.ts @@ -0,0 +1,12 @@ +import { derived } from 'svelte/store'; +import { buildMediaQueryStore } from '@amp/web-app-components/src/stores/media-query'; + +export const sidebarHiddenQuery = buildMediaQueryStore('visible', { + hidden: '(max-width: 483px)', + visible: '(min-width: 484px)', +}); + +export const sidebarIsHidden = derived( + sidebarHiddenQuery, + ($sidebarHiddenQuery) => $sidebarHiddenQuery === 'hidden', +); -- cgit v1.2.3