diff --git a/frontend/src/lib/components/announcement.svelte b/frontend/src/lib/components/announcement.svelte index e8bd98b..0e0c26d 100644 --- a/frontend/src/lib/components/announcement.svelte +++ b/frontend/src/lib/components/announcement.svelte @@ -9,13 +9,15 @@ {#if visible} -
+
- {#if link} - {message} - {:else} - {message} - {/if} + + {#if link} + {message} + {:else} + {message} + {/if} + visible = false}>
@@ -35,6 +37,14 @@ color: white; } + .announcement__message { + font-size: min(2.9vw, 18px); + overflow: hidden; + + white-space: nowrap; + text-size-adjust: auto; + } + .close-button { height: 25px; width: 25px; diff --git a/frontend/src/lib/components/icon.svelte b/frontend/src/lib/components/icon.svelte index 06ca522..8e74eb1 100644 --- a/frontend/src/lib/components/icon.svelte +++ b/frontend/src/lib/components/icon.svelte @@ -11,7 +11,7 @@ - diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte index 1777158..4f8d7fc 100644 --- a/frontend/src/routes/+layout.svelte +++ b/frontend/src/routes/+layout.svelte @@ -15,7 +15,7 @@ - +