antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

added some css shadow to navbar and sidebar

Browse Source
This commit is contained in:
Anton 2023-12-22 08:43:54 +01:00
parent 842020e38a
commit 979c4009f4
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Components/AppShell/NavBar.tsx
View File

@ -90,7 +90,7 @@ export default function NavBar({ appName}: { appName: string }) {
return ( 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" <button className="tw-btn tw-btn-square tw-btn-ghost"
data-te-sidenav-toggle-ref data-te-sidenav-toggle-ref
data-te-target="#sidenav" data-te-target="#sidenav"

2
src/Components/AppShell/SideBar.tsx
View File

@ -52,7 +52,7 @@ export function SideBar({ routes, bottomRoutes }: { routes: route[], bottomRoute
return ( return (
<nav <nav
id="sidenav" 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-init
data-te-sidenav-hidden="true" data-te-sidenav-hidden="true"
data-te-sidenav-mode="side" data-te-sidenav-mode="side"