hide panel if md not lg

master
g 3 years ago
parent 0f0d320214
commit 04884faad5

@ -430,9 +430,9 @@ export default function Countries({ mapOptions, onMapOptionClick }) {
</div> </div>
<section aria-labelledby="products-heading" className="pt-6 pb-24"> <section aria-labelledby="products-heading" className="pt-6 pb-24">
<div className="grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-4"> <div className="grid grid-cols-1 gap-x-8 gap-y-10 md:grid-cols-4">
<form className="hidden lg:block h-[65vh] px-1 py-1 overflow-y-scroll"> <form className="hidden md:block h-[65vh] px-1 py-1 overflow-y-scroll">
{/* Layers */} {/* Layers */}
<ul <ul
role="list" role="list"
@ -609,7 +609,7 @@ export default function Countries({ mapOptions, onMapOptionClick }) {
</form> </form>
{/* Map itself */} {/* Map itself */}
<div className="lg:col-span-3"> <div className="md:col-span-3">
<div className="h-[65vh]"> <div className="h-[65vh]">
<Map <Map
initialViewState={{ initialViewState={{

@ -908,9 +908,9 @@ export default function Points({ mapOptions, onMapOptionClick }) {
</div> </div>
<section aria-labelledby="products-heading" className="pt-6 pb-24"> <section aria-labelledby="products-heading" className="pt-6 pb-24">
<div className="grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-4"> <div className="grid grid-cols-1 gap-x-8 gap-y-10 md:grid-cols-4">
<form className="hidden lg:block h-[65vh] px-1 py-1 overflow-y-scroll"> <form className="hidden md:block h-[65vh] px-1 py-1 overflow-y-scroll">
{/* Layers */} {/* Layers */}
<ul <ul
role="list" role="list"
@ -1093,7 +1093,7 @@ export default function Points({ mapOptions, onMapOptionClick }) {
</form> </form>
{/* Map itself */} {/* Map itself */}
<div className="lg:col-span-3"> <div className="md:col-span-3">
<div className="h-[65vh]"> <div className="h-[65vh]">
<Map <Map
initialViewState={{ initialViewState={{

@ -485,9 +485,9 @@ export default function Regions({ mapOptions, onMapOptionClick }) {
<section aria-labelledby="products-heading" className="pt-6 pb-24"> <section aria-labelledby="products-heading" className="pt-6 pb-24">
<div className="grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-4"> <div className="grid grid-cols-1 gap-x-8 gap-y-10 md:grid-cols-4">
<form className="hidden lg:block h-[65vh] px-1 py-1 overflow-y-scroll"> <form className="hidden md:block h-[65vh] px-1 py-1 overflow-y-scroll">
{/* Layers */} {/* Layers */}
<ul <ul
role="list" role="list"
@ -668,7 +668,7 @@ export default function Regions({ mapOptions, onMapOptionClick }) {
</form> </form>
{/* Map itself */} {/* Map itself */}
<div className="lg:col-span-3"> <div className="md:col-span-3">
<div className="h-[65vh]"> <div className="h-[65vh]">
<Map <Map
initialViewState={{ initialViewState={{

Loading…
Cancel
Save