8e5dff01c0
- Updated Qwik and Qwik City to version 1.15.0 - Updated Tailwind CSS and related plugins to latest versions - Added a new Settings component to manage user settings - Integrated settings management into the OSBar component - Improved file display in the dashboard with better responsiveness - Enhanced error handling for user info fetching - Removed unused id from Testimonials component
24 lines
No EOL
1 KiB
TypeScript
24 lines
No EOL
1 KiB
TypeScript
import { component$ } from "@builder.io/qwik";
|
|
import { useNanostore$ } from "~/hooks/nanostores";
|
|
import { isSettingsOpen, userInfo } from "~/lib/stores";
|
|
import { StereoUser } from "~/lib/types";
|
|
|
|
export default component$(() => {
|
|
const info = useNanostore$<StereoUser>(userInfo);
|
|
const open = useNanostore$<boolean>(isSettingsOpen);
|
|
if (open.value) return (
|
|
<div onClick$={() => open.value = false} class="z-[50] absolute flex w-full h-screen items-center justify-center backdrop-blur-3xl bg-black/50 text-white text-6xl">
|
|
<div onClick$={e => e.stopPropagation()} class="flex gap-8 bg-black/50 p-8 rounded-3xl shadow-lg w-4/7 h-4/7">
|
|
<div class="flex flex-col flex-1/4 border-r-2 border-white/25">
|
|
<h1 class="text-2xl">settings</h1>
|
|
</div>
|
|
|
|
<div class="flex flex-col flex-3/4">
|
|
<h1 class="text-2xl">content</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
); else return (
|
|
<></>
|
|
);
|
|
}) |