wm-fontis/wm-fontis-tibi-2023
3
0
Fork 0
generated from cms/tibi-docs
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes
All checks were successful
deploy to production / deploy (push) Successful in 36s
Details

Browse Source
This commit is contained in:
Robin Grenzdörfer
2023-09-08 13:42:48 +00:00
parent 6b735fed07
commit 61af2e2c8e
7 changed files with 96 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
frontend/src/lib/components/widgets/Worldcard/worldcard.svelte
View File

@@ -35,32 +35,39 @@
}
</script>
<div class="worldcard">
<div style="display: flex; flex-direction: column; width: 100%; align-items: center;">
<div class="worldcard">
{#each col.worldCard.row as row}
<div class="wc-row">
{#each row.cards as card}
<Card card="{card}" properties="{availableProperties}" pageId="{pageId}" selected="{selected}" />
{/each}
</div>
{/each}
</div>
<div class="worldcard">
{#each col.worldCard.row as row}
<div class="wc-row">
{#each row.cards as card}
<Card
card="{card}"
properties="{availableProperties}"
pageId="{pageId}"
selected="{selected}"
/>
{/each}
</div>
{/each}
</div>
<div class="selectboxes">
<h3>WÄHLEN SIE IHRE ANLAGEKLASSEN</h3>
{#each props as propertyRow, i}
<div class="prop-row">
{#each propertyRow as property, j}
<Selectbox
abbriviation="{property[0]}"
name="{property[1]}"
on:click="{(e) => {
selected[availableProperties.indexOf(property)] = e.detail
}}"
/>
{/each}
</div>
{/each}
<div class="selectboxes">
<h3>WÄHLEN SIE IHRE ANLAGEKLASSEN</h3>
{#each props as propertyRow, i}
<div class="prop-row">
{#each propertyRow as property, j}
<Selectbox
abbriviation="{property[0]}"
name="{property[1]}"
on:click="{(e) => {
selected[availableProperties.indexOf(property)] = e.detail
}}"
/>
{/each}
</div>
{/each}
</div>
</div>
</div>
@@ -69,11 +76,11 @@
.worldcard {
line-height: 1 !important;
font-size: 0.7rem;
font-size: 0.8rem;
display: flex;
align-items: flex-start;
align-items: center;
flex-direction: column;
width: 100%;
width: 1170px;
max-width: 95vw;
& > .worldcard {