trying to fix mobile width issues

schoolofcities · Aug 13, 2024 · efd18d5 · efd18d5
1 parent 1750f77
commit efd18d5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/data/.~lock.summary-data.xlsx# b/data/.~lock.summary-data.xlsx#
diff --git a/src/assets/styles.css b/src/assets/styles.css
@@ -54,6 +54,7 @@ body {
 
 #panel {
 	width: 420px;
+	min-width: 420px;
 	height: 420px;
 	height: 100vh;
 	overflow: auto;
@@ -72,6 +73,7 @@ body {
 #map {
 	height: 100vh;
 	width: calc(100vw - 420px);
+	min-width: 420px;
 	/* flex-grow: 1; */
 	/* float: left; */
 	background-color: var(--brandLightBlue); 

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -872,10 +872,11 @@ onMount(() => {
 			clearable={false}
 			showChevron={true}
 			listAutoWidth={false}
+			searchable={false}
 			listOffset = 10
 			on:input={layerSelect}
 			--margin = 16px
-			--width=387.52px
+			--width=380px
 			--background="white"
 			--selected-item-color= var(--brandBlack)
 			--height=22px