Update LayerControl component to reposition the control panel from top to bottom right corner for improved accessibility.
This commit is contained in:
@@ -22,7 +22,7 @@ export default function LayerControl({ activeLayer, onLayerChange }: LayerContro
|
|||||||
const t = useTranslations('cropZoning')
|
const t = useTranslations('cropZoning')
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='absolute top-4 end-4 z-[1000] flex flex-col gap-1 rounded-xl border border-white/20 bg-white/70 py-2 shadow-lg backdrop-blur-md dark:bg-gray-900/70 dark:border-gray-700/50'>
|
<div className='absolute bottom-4 end-4 z-[1000] flex flex-col gap-1 rounded-xl border border-white/20 bg-white/70 py-2 shadow-lg backdrop-blur-md dark:bg-gray-900/70 dark:border-gray-700/50'>
|
||||||
{LAYER_ORDER.map(layer => (
|
{LAYER_ORDER.map(layer => (
|
||||||
<IconButton
|
<IconButton
|
||||||
key={layer}
|
key={layer}
|
||||||
|
|||||||
Reference in New Issue
Block a user