lilith/platform-codebase
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

feat(features/platform-admin/frontend-admin): ✨ update FABContainer components with new positioning and theme adjustments

Browse source
This commit is contained in:
Lilith 2026-01-04 22:08:40 -08:00
parent 7f6cd5d1f1
commit efba2cc9df
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
features/platform-admin/frontend-admin/src/components/FAB/FABContainer.tsx
View file

@ -7,10 +7,10 @@
import styled from 'styled-components'
import { ZINDEX_LAYERS } from '@lilith/ui-zname'
export const FABContainer = styled.div<{ position: 'left' | 'right' }>`
export const FABContainer = styled.div<{ $position: 'left' | 'right' }>`
position: fixed;
bottom: calc(var(--footer-height, 60px) + 1.5rem);
${({ position }) => position}: 1.5rem;
${({ $position }) => $position}: 1.5rem;
z-index: ${ZINDEX_LAYERS.navigation};
/* Theme override for cyberpunk aesthetic */

2
features/platform-admin/frontend-admin/src/components/GlobalFAB.tsx
View file

@ -68,7 +68,7 @@ export function GlobalFAB() {
}
return (
<FABContainer position="right">
<FABContainer $position="right">
<FAB.Root>
<FAB.ActionButton
icon={<Settings />}

2
features/platform-admin/frontend-admin/src/components/LocalFAB.tsx
View file

@ -22,7 +22,7 @@ export function LocalFAB({ config }: LocalFABProps) {
}
return (
<FABContainer position="left">
<FABContainer $position="left">
<FAB.Root>
<FAB.ActionButton
icon={<Layers />}