+
{props.children}
);
diff --git a/packages/solid/src/components/layout/Navigation/Desktop.tsx b/packages/solid/src/components/layout/Navigation/Desktop.tsx
index 6fa351d..ea85bad 100644
--- a/packages/solid/src/components/layout/Navigation/Desktop.tsx
+++ b/packages/solid/src/components/layout/Navigation/Desktop.tsx
@@ -12,8 +12,8 @@ import {
export const NavigationDesktop: Component = () => {
return (
-
-
+
+
{
/>
-
+
diff --git a/packages/solid/src/components/layout/Navigation/Mobile.tsx b/packages/solid/src/components/layout/Navigation/Mobile.tsx
index c3ce821..60f7e63 100644
--- a/packages/solid/src/components/layout/Navigation/Mobile.tsx
+++ b/packages/solid/src/components/layout/Navigation/Mobile.tsx
@@ -11,7 +11,8 @@ import {
AppBarTrailingElementGroup,
AppBarTrailingElement,
IconButton,
- AppBarSearchContainer
+ AppBarSearchContainer,
+ ExtendedFAB
} from "@m3-components/solid";
import { A } from "@solidjs/router";
import { SearchIcon } from "~/components/icons/Search";
@@ -33,7 +34,7 @@ export const NavigationMobile: Component<{ lang?: "zh" | "en" }> = (props) => {
});
} else {
animate(el()!, {
- x: -340,
+ x: -380,
duration: 500,
z: 0,
ease: "cubicBezier(0.27, 1.06, 0.18, 1.00)"
@@ -44,17 +45,17 @@ export const NavigationMobile: Component<{ lang?: "zh" | "en" }> = (props) => {
return (
<>
{
setNavigationExpanded(!navigationExpanded());
}}
/>
-
+
-
+
@@ -71,13 +72,19 @@ export const NavigationMobile: Component<{ lang?: "zh" | "en" }> = (props) => {
}}
>
-
+
-
+
{(action, index) => (
@@ -96,6 +103,10 @@ export const NavigationMobile: Component<{ lang?: "zh" | "en" }> = (props) => {
+ setNavigationExpanded(false)}
+ class="w-screen h-screen z-10 absoluter bg-transparent"
+ >
>
diff --git a/packages/solid/src/components/loginStatusContext.tsx b/packages/solid/src/components/loginStatusContext.tsx
index ad2be1f..a085051 100644
--- a/packages/solid/src/components/loginStatusContext.tsx
+++ b/packages/solid/src/components/loginStatusContext.tsx
@@ -1,6 +1,6 @@
import { dbCred } from "~db/index";
import { loginSessions, users } from "~db/cred/schema";
-import { and, eq, gt, isNull, sql } from "drizzle-orm";
+import { and, eq, gt, isNull, sql } from "drizzle-orm";
import { SensitiveUserFields, UserType } from "~db/outerSchema";
type ReturnedUser = Omit