diff --git a/components/ColorPickerInput.tsx b/components/ColorPickerInput.tsx index be631d6..984a644 100644 --- a/components/ColorPickerInput.tsx +++ b/components/ColorPickerInput.tsx @@ -1,6 +1,6 @@ /* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ -import { Input, useTheme } from '@geist-ui/react'; +import { Input, useClickAway, useTheme } from '@geist-ui/react'; import React from 'react'; import ColorPicker from './ColorPicker'; import InputLabel from './InputLabel'; @@ -24,12 +24,21 @@ const ColorPickerInput: React.FC = ({ setColor(v, type); }; const theme = useTheme(); + const ref = React.useRef(); const [open, setOpen] = React.useState(false); + // @ts-ignore + useClickAway(ref, () => { + if (open) { + setOpen(false); + } + }); return ( <>
setOpen(!open)}> {open && ( diff --git a/components/MiniColorPicker.tsx b/components/MiniColorPicker.tsx index 9645e6a..6a208d3 100644 --- a/components/MiniColorPicker.tsx +++ b/components/MiniColorPicker.tsx @@ -5,7 +5,7 @@ import { colorPickerPalette } from '@/data/colors'; import getColorUsed from '@/lib/getColorUsed'; import { MapStoreType } from '@/typings/map.store'; -import { useTheme } from '@geist-ui/react'; +import { useClickAway, useTheme } from '@geist-ui/react'; import React from 'react'; interface Props { @@ -34,9 +34,18 @@ const MiniColorPicker: React.FC = ({ index, bgColor, map, setMap }) => { mapData: copy })); }; + const ref = React.useRef(); + // @ts-ignore + useClickAway(ref, () => { + if (open) { + setOpen(false); + } + }); return ( <>
setOpen(!open)} className="box pointer"> diff --git a/data/Austria/Austria.map.tsx b/data/Austria/Austria.map.tsx new file mode 100644 index 0000000..c58379f --- /dev/null +++ b/data/Austria/Austria.map.tsx @@ -0,0 +1,55 @@ +import MapLayout from '@/layouts/MapLayout'; +import React from 'react'; +import { AustriaStateCodes } from './AustriaStateCodes'; + +const AustriaMap = () => ( + + + + + + + + + + + +); + +export default AustriaMap; diff --git a/data/Austria/AustriaStateCodes.tsx b/data/Austria/AustriaStateCodes.tsx new file mode 100644 index 0000000..2e74bbe --- /dev/null +++ b/data/Austria/AustriaStateCodes.tsx @@ -0,0 +1,11 @@ +export const AustriaStateCodes = { + burgenland: 'Burgenland', + carinthia: 'Carinthia', + 'lower-austria': 'Lower Austria', + salzburg: 'Salzburg', + styria: 'Styria', + tyrol: 'Tyrol', + 'upper-austria': 'Upper Austria', + vienna: 'Vienna', + vorarlberg: 'Vorarlberg' +}; diff --git a/data/Mercator/Mercator.map.tsx b/data/Mercator/Mercator.map.tsx index 1376f24..ab13695 100644 --- a/data/Mercator/Mercator.map.tsx +++ b/data/Mercator/Mercator.map.tsx @@ -7,7 +7,7 @@ const MercatorMap = () => ( name="mercator" // @ts-ignore strokeWidth={0.5} - width={1000} + width={1200} viewBox={[0, 0, 1010, 666]} stateCodes={MercatorStateCodes}> ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +); + +export default ProMap; diff --git a/data/Pro/ProStateCodes.tsx b/data/Pro/ProStateCodes.tsx new file mode 100644 index 0000000..016d40c --- /dev/null +++ b/data/Pro/ProStateCodes.tsx @@ -0,0 +1,218 @@ +export const ProStateCodes = { + AF: 'Afghanistan', + AO: 'Angola', + AL: 'Albania', + AE: 'United Arab Emirates', + AR: 'Argentina', + AM: 'Armenia', + AU: 'Australia', + AT: 'Austria', + AZ: 'Azerbaijan', + BI: 'Burundi', + BE: 'Belgium', + BJ: 'Benin', + BF: 'Burkina Faso', + BD: 'Bangladesh', + BG: 'Bulgaria', + BA: 'Bosnia and Herzegovina', + BY: 'Belarus', + BZ: 'Belize', + BO: 'Bolivia', + BR: 'Brazil', + BN: 'Brunei Darussalam', + BT: 'Bhutan', + BW: 'Botswana', + CF: 'Central African Republic', + CA: 'Canada', + CH: 'Switzerland', + CL: 'Chile', + CN: 'China', + CI: "Côte d'Ivoire", + CM: 'Cameroon', + CD: 'Democratic Republic of the Congo', + CG: 'Republic of Congo', + CO: 'Colombia', + CR: 'Costa Rica', + CU: 'Cuba', + CZ: 'Czech Republic', + DE: 'Germany', + DJ: 'Djibouti', + DK: 'Denmark', + DO: 'Dominican Republic', + DZ: 'Algeria', + EC: 'Ecuador', + EG: 'Egypt', + ER: 'Eritrea', + EE: 'Estonia', + ET: 'Ethiopia', + FI: 'Finland', + FJ: 'Fiji', + GA: 'Gabon', + GB: 'United Kingdom', + GE: 'Georgia', + GH: 'Ghana', + GN: 'Guinea', + GM: 'The Gambia', + GW: 'Guinea-Bissau', + GQ: 'Equatorial Guinea', + GR: 'Greece', + GL: 'Greenland', + GT: 'Guatemala', + GY: 'Guyana', + HN: 'Honduras', + HR: 'Croatia', + HT: 'Haiti', + HU: 'Hungary', + ID: 'Indonesia', + IN: 'India', + IE: 'Ireland', + IR: 'Iran', + IQ: 'Iraq', + IS: 'Iceland', + IL: 'Israel', + IT: 'Italy', + JM: 'Jamaica', + JO: 'Jordan', + JP: 'Japan', + KZ: 'Kazakhstan', + KE: 'Kenya', + KG: 'Kyrgyzstan', + KH: 'Cambodia', + KR: 'Republic of Korea', + // "XK": "Kosovo", + KW: 'Kuwait', + LA: 'Lao PDR', + LB: 'Lebanon', + LR: 'Liberia', + LY: 'Libya', + LK: 'Sri Lanka', + LS: 'Lesotho', + LT: 'Lithuania', + LU: 'Luxembourg', + LV: 'Latvia', + MA: 'Morocco', + MD: 'Moldova', + MG: 'Madagascar', + MX: 'Mexico', + MK: 'Macedonia', + ML: 'Mali', + MM: 'Myanmar', + ME: 'Montenegro', + MN: 'Mongolia', + MZ: 'Mozambique', + MR: 'Mauritania', + MW: 'Malawi', + MY: 'Malaysia', + NA: 'Namibia', + NE: 'Niger', + NG: 'Nigeria', + NI: 'Nicaragua', + NL: 'Netherlands', + NO: 'Norway', + NP: 'Nepal', + NZ: 'New Zealand', + OM: 'Oman', + PK: 'Pakistan', + PA: 'Panama', + PE: 'Peru', + PH: 'Philippines', + PG: 'Papua New Guinea', + PL: 'Poland', + KP: 'Dem. Rep. Korea', + PT: 'Portugal', + PY: 'Paraguay', + PS: 'Palestine', + QA: 'Qatar', + RO: 'Romania', + RU: 'Russia', + RW: 'Rwanda', + EH: 'Western Sahara', + SA: 'Saudi Arabia', + SD: 'Sudan', + SS: 'South Sudan', + SN: 'Senegal', + SL: 'Sierra Leone', + SV: 'El Salvador', + RS: 'Serbia', + SR: 'Suriname', + SK: 'Slovakia', + SI: 'Slovenia', + SE: 'Sweden', + SZ: 'Swaziland', + SY: 'Syria', + TD: 'Chad', + TG: 'Togo', + TH: 'Thailand', + TJ: 'Tajikistan', + TM: 'Turkmenistan', + TL: 'Timor-Leste', + TN: 'Tunisia', + TR: 'Turkey', + TW: 'Taiwan', + TZ: 'Tanzania', + UG: 'Uganda', + UA: 'Ukraine', + UY: 'Uruguay', + US: 'United States', + UZ: 'Uzbekistan', + VE: 'Venezuela', + VN: 'Vietnam', + VU: 'Vanuatu', + YE: 'Yemen', + ZA: 'South Africa', + ZM: 'Zambia', + ZW: 'Zimbabwe', + SO: 'Somalia', + GF: 'France', + FR: 'France', + ES: 'Spain', + AW: 'Aruba', + AI: 'Anguilla', + AD: 'Andorra', + AG: 'Antigua and Barbuda', + BS: 'Bahamas', + BM: 'Bermuda', + BB: 'Barbados', + KM: 'Comoros', + CV: 'Cape Verde', + KY: 'Cayman Islands', + DM: 'Dominica', + FK: 'Falkland Islands', + FO: 'Faeroe Islands', + GD: 'Grenada', + HK: 'Hong Kong', + KN: 'Saint Kitts and Nevis', + LC: 'Saint Lucia', + LI: 'Liechtenstein', + // "MF": "Saint Martin (French)", + MV: 'Maldives', + MT: 'Malta', + MS: 'Montserrat', + MU: 'Mauritius', + NC: 'New Caledonia', + NR: 'Nauru', + PN: 'Pitcairn Islands', + PR: 'Puerto Rico', + PF: 'French Polynesia', + SG: 'Singapore', + SB: 'Solomon Islands', + ST: 'São Tomé and Principe', + SX: 'Saint Martin (Dutch)', + SC: 'Seychelles', + TC: 'Turks and Caicos Islands', + TO: 'Tonga', + TT: 'Trinidad and Tobago', + VC: 'Saint Vincent and the Grenadines', + VG: 'British Virgin Islands', + VI: 'United States Virgin Islands', + CY: 'Cyprus', + RE: 'Reunion (France)', + YT: 'Mayotte (France)', + MQ: 'Martinique (France)', + GP: 'Guadeloupe (France)', + CW: 'Curaco (Netherlands)', + IC: 'Canary Islands (Spain)', + ANTARTICA: 'Antartica', + 'NEW-CADELONIA': 'New Caledonia', + XK: 'Kosovo' +}; diff --git a/data/World/World.map.tsx b/data/World/World.map.tsx index d5f16ed..fb3b058 100644 --- a/data/World/World.map.tsx +++ b/data/World/World.map.tsx @@ -5,7 +5,7 @@ import { WorldCountryCodes } from './WorldCountryCodes'; export const WorldMap = () => ( ( ( + +); + +export default MapMainLayout; diff --git a/pages/demographics.tsx b/pages/demographics.tsx index af5c3a6..e296189 100644 --- a/pages/demographics.tsx +++ b/pages/demographics.tsx @@ -1,5 +1,5 @@ import { WorldCountryCodes } from '@/data/World/WorldCountryCodes'; -import MainLayout from '@/layouts/MainLayout'; +import MapMainLayout from '@/layouts/MapMainLayout'; import React from 'react'; import ReactTooltip from 'react-tooltip'; @@ -68,7 +68,20 @@ const countryList = [ 'PE', 'RU', 'TH', - 'CA' + 'CA', + 'AT', + 'SA', + 'IE', + 'AZ', + 'CL', + 'GR', + 'SI', + 'BD', + 'IR', + 'SK', + 'MK', + 'ZM', + 'KW' ]; const Users = () => { @@ -88,7 +101,7 @@ const Users = () => { }, []); return ( - +

Demographics of Chloromaps.com

@@ -100,870 +113,872 @@ const Users = () => { {WorldCountryCodes[hover]} )} - - setHover((e.target as SVGGElement).id)} - onMouseLeave={() => setHover('')}> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+ + setHover((e.target as SVGGElement).id)} + onMouseLeave={() => setHover('')}> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
- + ); }; diff --git a/pages/map/austria.tsx b/pages/map/austria.tsx new file mode 100644 index 0000000..d3e5337 --- /dev/null +++ b/pages/map/austria.tsx @@ -0,0 +1,18 @@ +import ControlContainer from '@/components/ControlContainer'; +import MapSEO from '@/components/Seo/MapSEO'; +import AustriaMap from '@/data/Austria/Austria.map'; +import { AustriaStateCodes } from '@/data/Austria/AustriaStateCodes'; +import MainLayout from '@/layouts/MainLayout'; +import React from 'react'; + +const Austria = () => ( + + +
+ + +
+ +); + +export default Austria; diff --git a/pages/map/world-eckert-iv.tsx b/pages/map/world-eckert-iv.tsx new file mode 100644 index 0000000..6dc1dde --- /dev/null +++ b/pages/map/world-eckert-iv.tsx @@ -0,0 +1,20 @@ +import HorControlContainer from '@/components/HorControlContainer'; +import MapSEO from '@/components/Seo/MapSEO'; +import ProMap from '@/data/Pro/Pro.map'; +import { ProStateCodes } from '@/data/Pro/ProStateCodes'; +import MapMainLayout from '@/layouts/MapMainLayout'; +import React from 'react'; + +const Pro = () => ( + + +
+
+ +
+ +
+ +); + +export default Pro; diff --git a/pages/map/world-mercator.tsx b/pages/map/world-mercator.tsx index 6871b03..9415f8c 100644 --- a/pages/map/world-mercator.tsx +++ b/pages/map/world-mercator.tsx @@ -2,17 +2,19 @@ import HorControlContainer from '@/components/HorControlContainer'; import MapSEO from '@/components/Seo/MapSEO'; import MercatorMap from '@/data/Mercator/Mercator.map'; import { MercatorStateCodes } from '@/data/Mercator/MercatorStateCodes'; -import MainLayout from '@/layouts/MainLayout'; +import MapMainLayout from '@/layouts/MapMainLayout'; import React from 'react'; const Mercator = () => ( - +
- +
+ +
- + ); export default Mercator; diff --git a/pages/map/world-pacific.tsx b/pages/map/world-pacific.tsx index 9150674..aa5d0b0 100644 --- a/pages/map/world-pacific.tsx +++ b/pages/map/world-pacific.tsx @@ -1,18 +1,20 @@ import HorControlContainer from '@/components/HorControlContainer'; import WorldPacificMap from '@/data/WorldPacific/WorldPacific.map'; import { WorldPacificStateCodes } from '@/data/WorldPacific/WorldPacificStateCodes'; -import MainLayout from '@/layouts/MainLayout'; import React from 'react'; import MapSEO from '@/components/Seo/MapSEO'; +import MapMainLayout from '@/layouts/MapMainLayout'; const WorldPacific = () => ( - + -
- +
+
+ +
- + ); export default WorldPacific; diff --git a/pages/map/world.tsx b/pages/map/world.tsx index 2fe071b..f55d88a 100644 --- a/pages/map/world.tsx +++ b/pages/map/world.tsx @@ -1,19 +1,21 @@ import React from 'react'; -import MainLayout from '@/layouts/MainLayout'; import HorControlContainer from '@/components/HorControlContainer'; import { WorldMap } from '@/data/World/World.map'; import { WorldCountryCodes } from '@/data/World/WorldCountryCodes'; import MapSEO from '@/components/Seo/MapSEO'; import LoadExample from '@/components/LoadExample/LoadExample'; +import MapMainLayout from '@/layouts/MapMainLayout'; const Home: React.FC = () => ( - + -
- +
+
+ +
- + ); export default Home; diff --git a/public/static/images/global/banner.png b/public/static/images/global/banner.png index 98a98d7..33e4280 100644 Binary files a/public/static/images/global/banner.png and b/public/static/images/global/banner.png differ diff --git a/scripts/index.html b/scripts/index.html deleted file mode 100644 index 7598135..0000000 --- a/scripts/index.html +++ /dev/null @@ -1,15742 +0,0 @@ - - - - - - - Document - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/styles/main.css b/styles/main.css index 39fcc22..d07631e 100644 --- a/styles/main.css +++ b/styles/main.css @@ -1,6 +1,23 @@ html { scroll-behavior: smooth; } +.page { + display: flex; + flex-direction: column; + max-width: 1000px; + margin: 0 auto; + overflow-x: hidden !important; +} +@media screen and (max-width: 1000px) { + .page { + width: 100%; + padding: 0 10px; + } + .navbar-ctx, + .footer-ctx { + padding: 0 10px; + } +} ::-webkit-scrollbar { width: 5px; height: 5px; @@ -67,17 +84,17 @@ text { } .map-container { margin-top: 30px; - overflow-x: hidden; margin-left: auto; margin-right: auto; overflow-x: scroll; position: relative; } -@media screen and (max-width: 800px) { +@media screen and (max-width: 1200px) { .container { flex-direction: column-reverse; } .map-container { + width: 100%; margin-left: 0; margin-right: 0; }