flex layer settings

website/src/lib/components/layer-control/LayerControlSettings.svelte

@@ -29,13 +29,12 @@
 		</Button>
 	</Sheet.Trigger>
 	<Sheet.Content>
-		<Sheet.Header>
+		<Sheet.Header class="h-full">
 			<Sheet.Title>Layer settings</Sheet.Title>
 			<Sheet.Description>
 				Select the map layers you want to show in the interface and adjust their settings.
 			</Sheet.Description>
-		</Sheet.Header>
-		<ScrollArea class="h-[35vh] pr-4">
+			<ScrollArea class="pr-4">
 				<div>
 					<LayerTree
 						layerTree={basemapTree}
@@ -49,7 +48,7 @@
 				</div>
 			</ScrollArea>
 			<Separator class="my-2" />
-		<ScrollArea class="h-[35vh] pr-4">
+			<ScrollArea class="pr-4">
 				<div>
 					<LayerTree
 						layerTree={overlayTree}
@@ -64,5 +63,6 @@
 			</ScrollArea>
 			<Separator class="my-2" />
 			<Button variant="secondary" class="w-full px-1 py-1.5">Add custom layer</Button>
+		</Sheet.Header>
 	</Sheet.Content>
 </Sheet.Root>