next session

2023-07-15 16:15:17 +00:00
parent d4e21505ad
commit c6d43a95fa
28 changed files with 988 additions and 72 deletions
--- a/frontend/src/lib/components/widgets/iconBlock.svelte
+++ b/frontend/src/lib/components/widgets/iconBlock.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+    import { apiBaseURL } from "../../../config"
+
+    export let pageId: string
+    export let col: Column
+</script>
+
+<div class="iconBlock">
+    {#each col.iconBlocks as icon}
+        <div class="icon">
+            <img src="{`${apiBaseURL}page/${pageId}/${icon.icon?.src}`}" alt="img" />
+            <div class="text">
+                <em>{icon.bigText}</em>
+                <p>{icon.smallText}</p>
+            </div>
+        </div>
+    {/each}
+</div>
+
+<style lang="less">
+    .iconBlock {
+        display: flex;
+        justify-content: start;
+        flex-wrap: wrap;
+        .icon {
+            margin: 30px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            width: 140px;
+            gap: 20px;
+            img {
+                width: 100%;
+                height: auto;
+            }
+            .text {
+                display: flex;
+                flex-direction: column;
+                gap: 10px;
+                em {
+                    text-align: center;
+                    font-size: 2.2rem;
+                    font-family: "Libre Caslon Text", serif;
+                }
+                p {
+                    text-align: center;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+</style>