From c28dffdfa60fc41972dcfe8b107abab54744eec7 Mon Sep 17 00:00:00 2001 From: Eirene Date: Wed, 31 Jan 2024 15:40:25 +0800 Subject: [PATCH] ui: fix menu in mobile --- apps/front/src/app.html | 1 + .../lib/client/components/icons/bars3.svelte | 4 + .../src/lib/client/components/icons/index.ts | 2 + .../components/icons/magnifyingGlass.svelte | 4 + apps/front/src/routes/+layout.svelte | 149 +++--------------- apps/front/src/routes/map/+page.svelte | 3 +- 6 files changed, 35 insertions(+), 128 deletions(-) create mode 100644 apps/front/src/lib/client/components/icons/bars3.svelte create mode 100644 apps/front/src/lib/client/components/icons/magnifyingGlass.svelte diff --git a/apps/front/src/app.html b/apps/front/src/app.html index e593745..5ee3a14 100644 --- a/apps/front/src/app.html +++ b/apps/front/src/app.html @@ -4,6 +4,7 @@ + GB Light Control System %sveltekit.head% diff --git a/apps/front/src/lib/client/components/icons/bars3.svelte b/apps/front/src/lib/client/components/icons/bars3.svelte new file mode 100644 index 0000000..3db1fb4 --- /dev/null +++ b/apps/front/src/lib/client/components/icons/bars3.svelte @@ -0,0 +1,4 @@ + + + diff --git a/apps/front/src/lib/client/components/icons/index.ts b/apps/front/src/lib/client/components/icons/index.ts index fd4c84d..a43b619 100644 --- a/apps/front/src/lib/client/components/icons/index.ts +++ b/apps/front/src/lib/client/components/icons/index.ts @@ -1,5 +1,6 @@ export { default as IconArrowUturnLeft } from './arrowUturnLeft.svelte'; export { default as IconArrowUturnRight } from './arrowUturnRight.svelte'; +export { default as IconBars3 } from './bars3.svelte'; export { default as IconBell } from './bell.svelte'; export { default as IconBuildingOffice2 } from './buildingOffice2.svelte'; export { default as IconBulb } from './bulb.svelte'; @@ -10,6 +11,7 @@ export { default as IconCpuChip } from './cpuChip.svelte'; export { default as IconCursorArrowRays } from './cursorArrowRays.svelte'; export { default as IconExclamationTriangle } from './exclamationTriangle.svelte'; export { default as IconHome } from './home.svelte'; +export { default as IconMagnifyingGlass } from './magnifyingGlass.svelte'; export { default as IconMap } from './map.svelte'; export { default as IconUser } from './user.svelte'; export { default as IconUsers } from './users.svelte'; diff --git a/apps/front/src/lib/client/components/icons/magnifyingGlass.svelte b/apps/front/src/lib/client/components/icons/magnifyingGlass.svelte new file mode 100644 index 0000000..4358449 --- /dev/null +++ b/apps/front/src/lib/client/components/icons/magnifyingGlass.svelte @@ -0,0 +1,4 @@ + + + diff --git a/apps/front/src/routes/+layout.svelte b/apps/front/src/routes/+layout.svelte index 4c64aea..ae265bc 100644 --- a/apps/front/src/routes/+layout.svelte +++ b/apps/front/src/routes/+layout.svelte @@ -1,109 +1,42 @@ {#if $auth.isSignedIn} - -
+ {#if showSidePanel}