From 979c4009f4ef80b93d28fce7741f94388ad5a13b Mon Sep 17 00:00:00 2001
From: Anton <mail@antontranelis.de>
Date: Fri, 22 Dec 2023 08:43:54 +0100
Subject: [PATCH] added some css shadow to navbar and sidebar

---
 src/Components/AppShell/NavBar.tsx  | 2 +-
 src/Components/AppShell/SideBar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/AppShell/NavBar.tsx b/src/Components/AppShell/NavBar.tsx
index 3930b1dd..2f8e57ff 100644
--- a/src/Components/AppShell/NavBar.tsx
+++ b/src/Components/AppShell/NavBar.tsx
@@ -90,7 +90,7 @@ export default function NavBar({ appName}: { appName: string }) {
 
   return (
     <>
-      <div className="tw-navbar tw-bg-base-100 tw-z-1000">
+      <div className="tw-navbar tw-bg-base-100 tw-z-1000 tw-shadow-xl tw-relative">
         <button className="tw-btn tw-btn-square tw-btn-ghost"
           data-te-sidenav-toggle-ref
           data-te-target="#sidenav"
diff --git a/src/Components/AppShell/SideBar.tsx b/src/Components/AppShell/SideBar.tsx
index 6fd973da..c17a668c 100644
--- a/src/Components/AppShell/SideBar.tsx
+++ b/src/Components/AppShell/SideBar.tsx
@@ -52,7 +52,7 @@ export function SideBar({ routes, bottomRoutes }: { routes: route[], bottomRoute
   return (
     <nav
       id="sidenav"
-      className="group tw-fixed tw-left-0  tw-mt-16 tw-top-0 tw-z-[1035] tw-h-[calc(100dvh-64px)] tw--translate-x-full tw-overflow-hidden tw-shadow-[0_4px_12px_0_rgba(0,0,0,0.07),_0_2px_4px_rgba(0,0,0,0.05)] data-[te-sidenav-slim='true']:tw-hidden data-[te-sidenav-slim-collapsed='true']:tw-w-[56px] data-[te-sidenav-slim='true']:tw-w-[56px] data-[te-sidenav-hidden='false']:tw-translate-x-0 dark:tw-bg-zinc-800 [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false']]:tw-hidden [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true']]:[display:unset]"
+      className="group tw-fixed tw-left-0  tw-mt-16 tw-top-0 tw-z-[1035] tw-h-[calc(100dvh-64px)] tw--translate-x-full tw-overflow-hidden tw-shadow-xl data-[te-sidenav-slim='true']:tw-hidden data-[te-sidenav-slim-collapsed='true']:tw-w-[56px] data-[te-sidenav-slim='true']:tw-w-[56px] data-[te-sidenav-hidden='false']:tw-translate-x-0 dark:tw-bg-zinc-800 [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false']]:tw-hidden [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true']]:[display:unset]"
       data-te-sidenav-init
       data-te-sidenav-hidden="true"
       data-te-sidenav-mode="side"