diff --git a/src/components/Metas.svelte b/src/components/Metas.svelte index 4cbe6f8..2fa1dd3 100644 --- a/src/components/Metas.svelte +++ b/src/components/Metas.svelte @@ -1,11 +1,11 @@ diff --git a/src/components/organisms/Locations.svelte b/src/components/organisms/Locations.svelte index 3134585..f2888d5 100644 --- a/src/components/organisms/Locations.svelte +++ b/src/components/organisms/Locations.svelte @@ -9,12 +9,13 @@ import Button from '$components/atoms/Button.svelte' import Location from '$components/molecules/Location.svelte' - export let locations: any + export let locations: any[] const { continents, settings: { explore_list }} = getContext('global') // Continents filtering logic let currentContinent: string = undefined + $: filteredLocations = locations.filter(({ country: { continent }}: any) => { if (!currentContinent) { // Show all locations by default @@ -30,11 +31,7 @@ * Filter locations from continent */ const filterLocation = throttle((continent: string) => { - if (continent !== currentContinent) { - currentContinent = continent - } else { - currentContinent = undefined - } + currentContinent = continent !== currentContinent ? continent : null }, 700) diff --git a/src/style/molecules/_heading.scss b/src/style/molecules/_heading.scss index 5411fa7..5990b24 100644 --- a/src/style/molecules/_heading.scss +++ b/src/style/molecules/_heading.scss @@ -1,13 +1,17 @@ .heading { overflow: hidden; - color: $color-tertiary; text-align: center; + color: $color-tertiary; + + @include bp (sm) { + margin-bottom: 128px; + } // Title h1 { - color: $color-secondary; - line-height: 1; margin-top: 56px; + line-height: 1; + color: $color-secondary; @include bp (sm) { margin-top: 160px; @@ -20,8 +24,8 @@ font-weight: 200; @include bp (sm) { - margin: 72px auto 130px; max-width: 600px; + margin-top: 72px; } } } \ No newline at end of file diff --git a/src/style/pages/_explore.scss b/src/style/pages/_explore.scss index debfd1a..f87ec17 100644 --- a/src/style/pages/_explore.scss +++ b/src/style/pages/_explore.scss @@ -23,7 +23,7 @@ font-weight: 200; @include bp (sm) { - margin: 72px auto 130px; + margin: 72px auto 128px; max-width: 500px; } }