frontend session

2023-07-14 19:32:33 +00:00
parent 897b9ae2cf
commit d4e21505ad
14 changed files with 408 additions and 14 deletions
--- a/frontend/src/lib/components/widgets/image.svelte
+++ b/frontend/src/lib/components/widgets/image.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+    import { apiBaseURL } from "../../../config"
+    export let image: FileField
+    export let pageId: string
+</script>
+
+<div class="image-container">
+    <img src="{`${apiBaseURL}page/${pageId}/${image?.src}`}" alt="img" />
+</div>
+
+<style lang="less">
+    .image-container {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        img {
+            object-fit: contain;
+            width: 100%;
+            height: 100%;
+        }
+    }
+</style>