officerdev/platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

theming

Browse Source
This commit is contained in:
pastilhas
2026-02-17 01:33:45 +00:00
parent a1e416e894
commit 3dc7383e11
6 changed files with 36 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/apps/officer-web/Screens/Dashboard/Dock.tsx
+6 -2
View File
@@ -46,7 +46,8 @@ export const Dock = ({ items, className }: DockProps) => {
ref={dockRef}
onMouseMove={handleMouseMove}
onMouseLeave={handleMouseLeave}
className={`fixed bottom-4 left-1/2 -translate-x-1/2 z-[550] items-end gap-2 md:gap-6 px-2 py-1.5 md:px-3 md:py-2 rounded-2xl border border-white/10 bg-black/15 backdrop-blur-xl shadow-lg ${className ?? 'flex'}`}
className={`fixed bottom-4 left-1/2 -translate-x-1/2 z-[550] items-end gap-2 md:gap-6 px-2 py-1.5 md:px-3 md:py-2 rounded-2xl border backdrop-blur-xl shadow-lg ${className ?? 'flex'}`}
style={{ backgroundColor: 'var(--dock-bg)', borderColor: 'var(--dock-border)' }}
>
{items.map((item, index) => {
const iconCenter = DOCK_PADDING + index * (ICON_SIZE + ICON_GAP) + ICON_SIZE / 2;
@@ -64,7 +65,10 @@ export const Dock = ({ items, className }: DockProps) => {
transition: 'transform 150ms ease-out',
}}
>
<span className="absolute -top-9 px-2 py-1 rounded-md bg-black/75 text-white text-xs whitespace-nowrap hidden md:block opacity-0 group-hover:opacity-100 transition-opacity duration-150 pointer-events-none">
<span
className="absolute -top-9 px-2 py-1 rounded-md text-white text-xs whitespace-nowrap hidden md:block opacity-0 group-hover:opacity-100 transition-opacity duration-150 pointer-events-none"
style={{ backgroundColor: 'var(--dock-tooltip-bg)' }}
>
{item.label}
</span>
<div
src/apps/officer-web/Screens/Dashboard/Layout.tsx
+5 -2
View File
@@ -65,7 +65,7 @@ export function DashboardLayout({ children, mobileFull }: DashboardLayoutProps)
<div
className="absolute inset-0 z-0"
style={{
backgroundImage: 'url(/static/landscape1.jpg)',
backgroundImage: 'var(--page-bg-image)',
backgroundSize: 'cover',
backgroundPosition: 'center center',
}}
@@ -73,7 +73,10 @@ export function DashboardLayout({ children, mobileFull }: DashboardLayoutProps)
{/* Content layer - above pixel grid */}
<div className="absolute inset-0 z-[520] flex flex-col">
<header className="shrink-0 border-b border-white/20 bg-white/10 backdrop-blur-xl shadow-lg px-3 py-2 md:px-6 md:py-3 flex items-center justify-between">
<header
className="shrink-0 border-b backdrop-blur-xl shadow-lg px-3 py-2 md:px-6 md:py-3 flex items-center justify-between"
style={{ backgroundColor: 'var(--glass-bg)', borderColor: 'var(--glass-border)' }}
>
<Link to="/">
<img
src="/static/officer-logo.svg"