explore fix
This commit is contained in:
parent
e48f3d3caf
commit
385217c666
|
@ -4,6 +4,7 @@
|
||||||
import Top from './Components/Top.svelte'
|
import Top from './Components/Top.svelte'
|
||||||
import { getExpiriences } from '$lib/utils/database/game'
|
import { getExpiriences } from '$lib/utils/database/game'
|
||||||
import Loading from '$lib/components/Common/Loading.svelte'
|
import Loading from '$lib/components/Common/Loading.svelte'
|
||||||
|
import Comparment from '../homepage/Components/Comparment.svelte'
|
||||||
|
|
||||||
let Search: string
|
let Search: string
|
||||||
</script>
|
</script>
|
||||||
|
@ -17,9 +18,7 @@
|
||||||
<Loading />
|
<Loading />
|
||||||
</div>
|
</div>
|
||||||
{:then expiriences}
|
{:then expiriences}
|
||||||
{#each expiriences as result}
|
<Comparment direction="col" items={expiriences} />
|
||||||
<Result name={result.name} location={result.location} link={result.link} />
|
|
||||||
{/each}
|
|
||||||
{/await}
|
{/await}
|
||||||
|
|
||||||
<div class="end" />
|
<div class="end" />
|
||||||
|
|
|
@ -1,17 +1,18 @@
|
||||||
<script>
|
<script lang="ts">
|
||||||
import { navigate } from '$lib/router'
|
import { navigate } from '$lib/router'
|
||||||
import CompartmentItem from './Compartment_Item.svelte'
|
import CompartmentItem from './Compartment_Item.svelte'
|
||||||
import Headline from './Headline.svelte'
|
import Headline from './Headline.svelte'
|
||||||
|
|
||||||
export let items = []
|
export let items = []
|
||||||
|
export let direction: 'col' | 'row' = 'row'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<Headline content="Inspiration on your trip" />
|
<Headline content="Inspiration on your trip" />
|
||||||
|
|
||||||
<div class="options">
|
<div class={`options ${direction === 'row' ? 'flex-row' : 'flex-col'}`}>
|
||||||
{#each items as item}
|
{#each items as item}
|
||||||
<CompartmentItem on:click={() => navigate(`${item.ExpURL}`)} price={item.price} city={item.city} name={item.ExpName} image={item.ExpImage} />
|
<CompartmentItem on:click={() => navigate(`${item.ExpURL}`)} city={item.city} name={item.ExpName} image={item.ExpImage} />
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -34,7 +35,6 @@
|
||||||
|
|
||||||
.section > .options {
|
.section > .options {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
|
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
Loading…
Reference in New Issue