css fix for images in /read

diff --git a/frontend/src/routes/(authed)/+layout.svelte b/frontend/src/routes/(authed)/+layout.svelte
index 6109e839df8bc393213016da3436ffc67ffd1a2b..174e0386f68ac5f15cfefcea4b72b0d3973652bf 100644 (file)
--- a/frontend/src/routes/(authed)/+layout.svelte
+++ b/frontend/src/routes/(authed)/+layout.svelte
@@ -51,8 +51,8 @@
        const tolgee = getTolgee(['language']);
 
        let { children } = $props();
-       let inDuration = 150; //150;
-       let outDuration = 150; //150;
+       let inDuration = 150;
+       let outDuration = 150;
 
        let current_version = $state('');
        let latest_stable_version = $state('');
@@ -1182,7 +1182,7 @@
                        <div
                                class="transition-wrapper overflow-y-auto position-absolute top-0 bottom-0 start-0 end-0"
                                out:blur={{ duration: outDuration }}
-                               in:blur={{ duration: inDuration, delay: outDuration * 2 }}
+                               in:blur={{ duration: inDuration, delay: outDuration }}
                        >
                                {@render children()}
                        </div>

diff --git a/frontend/src/routes/(authed)/read/+page.svelte b/frontend/src/routes/(authed)/read/+page.svelte
index c70caa5a07cb6bba0962c647614026ebf0b6d642..52222cc0e70cad33ce06635a3eba382f5563188f 100644 (file)
--- a/frontend/src/routes/(authed)/read/+page.svelte
+++ b/frontend/src/routes/(authed)/read/+page.svelte
@@ -624,6 +624,12 @@
                max-height: 100vh; /* scroll area uses remaining viewport height */
        }
 
+       .logContent {
+               width: 100%;
+               flex-wrap: wrap;
+               overflow-x: auto;
+       }
+
        @media (min-width: 1300px) and (max-width: 1450px) {
                .files {
                        max-width: 250px;