From 20de0376b6dbeb8541dc4de148c019114f7670e7 Mon Sep 17 00:00:00 2001 From: Brian Bjarke Jensen Date: Sat, 24 Feb 2024 00:03:39 +0100 Subject: [PATCH] added init image --- src/web/layout/image.py | 24 +++++++++++++----------- src/web/layout/init_img.png | Bin 0 -> 9479 bytes 2 files changed, 13 insertions(+), 11 deletions(-) create mode 100644 src/web/layout/init_img.png diff --git a/src/web/layout/image.py b/src/web/layout/image.py index 893a01f..59f2c2a 100644 --- a/src/web/layout/image.py +++ b/src/web/layout/image.py @@ -1,17 +1,19 @@ import dash_mantine_components as dmc +from dash import html +from pathlib import Path +from base64 import b64encode +# read init img +init_img_path = Path(__file__).parent / "init_img.png" +with open(init_img_path.absolute(), "rb") as fh: + init_img_enc = b64encode(fh.read()).decode("utf-8") image_element = dmc.Center( - dmc.Image( + html.Img( + style={ + "width": "100%", + }, id="image-container", - width=600, - height=600, - withPlaceholder=True, - placeholder=[ - dmc.Loader( - color="gray", - size="md" - ) - ] + src=f"data:image/png;base64, {init_img_enc}" ) -) \ No newline at end of file +) diff --git a/src/web/layout/init_img.png b/src/web/layout/init_img.png new file mode 100644 index 0000000000000000000000000000000000000000..7d821dfcd976138a85122865a919288bf9b54707 GIT binary patch literal 9479 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