Update LayerControl component to reposition the control panel from top to bottom right corner for improved accessibility.

This commit is contained in:
2026-02-20 22:29:06 +03:30
parent f27145092f
commit 02e966e997
@@ -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}