chore: update dependencies and improve dashboard settings
- 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
This commit is contained in:
parent
f843155394
commit
8e5dff01c0
9 changed files with 94 additions and 56 deletions
24
src/components/dashboard/Settings.tsx
Normal file
24
src/components/dashboard/Settings.tsx
Normal file
|
@ -0,0 +1,24 @@
|
|||
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 (
|
||||
<></>
|
||||
);
|
||||
})
|
Loading…
Add table
Add a link
Reference in a new issue