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

test
All checks were successful
deploy to production / deploy (push) Successful in 34s
Details

Browse Source
This commit is contained in:
Robin Grenzdörfer 2023-09-01 12:55:40 +00:00
parent 82b9b6ec36
commit 75269a3a30
4 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/media/arrow-right.svg
View File

@ -1,3 +1,3 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.634 2.105a.375.375 0 0 0-.52.54l4.138 3.98H1.874a.375.375 0 0 0 0 .75h9.376l-4.136 3.98a.375.375 0 0 0 .52.54l4.713-4.535a.5.5 0 0 0 0-.72L7.634 2.105z" /> <path d="M7.634 2.105a.375.375 0 0 0-.52.54l4.138 3.98H1.874a.375.375 0 0 0 0 .75h9.376l-4.136 3.98a.375.375 0 0 0 .52.54l4.713-4.535a.5.5 0 0 0 0-.72L7.634 2.105z" fill="#fff"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 275 B

After

Width:  |  Height:  |  Size: 286 B

2
frontend/src/lib/assets/css/base.less
View File

@ -24,6 +24,8 @@ ol {
a { a {
text-decoration: none; text-decoration: none;
font-weight: 700; font-weight: 700;
color: inherit;
font-weight: normal;
} }
/* Tabellen */ /* Tabellen */

3
frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte
View File

@ -21,6 +21,7 @@
export let row: Row export let row: Row
export let pageId: string export let pageId: string
export let bright: boolean export let bright: boolean
export let isHP: boolean
function checkNestedPath() { function checkNestedPath() {
const pathSegments = location.pathname.split("/").filter((segment) => segment.length) const pathSegments = location.pathname.split("/").filter((segment) => segment.length)
@ -67,7 +68,7 @@
class:dominant="{row.columns.some((col) => col.contentType == 'iconCycleCircle')}" class:dominant="{row.columns.some((col) => col.contentType == 'iconCycleCircle')}"
> >
{#each row?.columns as col} {#each row?.columns as col}
<div class="col" class:dominant="{col.contentType == 'iconCycleCircle'}"> <div class="col" class:dominant="{col.contentType == 'iconCycleCircle'}">
{#if col?.contentType == "text"} {#if col?.contentType == "text"}
<Text text="{col?.text}" /> <Text text="{col?.text}" />
{:else if col?.contentType == "textLink"} {:else if col?.contentType == "textLink"}

13
frontend/src/lib/components/Pagebuilder/Rows.svelte
View File

@ -45,14 +45,23 @@
{#if page} {#if page}
{#if path == "/"}<Homepage />{/if} {#if path == "/"}<Homepage />{/if}
{#each page.rows as row, i} {#each page.rows as row, i}
<div class="row" id="row-{i}"> <div
class="row"
id="row-{i}"
style="{path == '/' && i == page.rows.length - 1 ? 'padding-bottom: 300px;' : ''}"
>
{#if row.row.backgroundImage} {#if row.row.backgroundImage}
<div class="background-image"> <div class="background-image">
<img src="{`${apiBaseURL}page/${page.id}/${row.row.backgroundImage?.src}`}" alt="img" /> <img src="{`${apiBaseURL}page/${page.id}/${row.row.backgroundImage?.src}`}" alt="img" />
</div> </div>
{/if} {/if}
<div class="content" class:bright="{row.row.backgroundImage}"> <div class="content" class:bright="{row.row.backgroundImage}">
<Pagebuilder row="{row.row}" pageId="{page.id}" bright="{!!row.row.backgroundImage}" /> <Pagebuilder
isHP="{path == '/'}"
row="{row.row}"
pageId="{page.id}"
bright="{!!row.row.backgroundImage}"
/>
</div> </div>
</div> </div>
{/each} {/each}