improve backdrop blur styles

2026-04-14 19:35:58 +00:00
parent e5c15a9aac
commit 4c8bdc7f87
5 changed files with 11 additions and 14 deletions
@@ -113,6 +113,7 @@ export function MessagePage(
                                <div class="input-width-constraint">
                                    <input
                                        id="focused"
+                                        class="blur"
                                        bind:value={
                                            messagePageViewModel.composingMessage
                                        }
@@ -126,7 +127,7 @@ export function MessagePage(
                                        }
                                    ></input>
                                    <button
-                                        class="primary"
+                                        class="primary blur"
                                        aria-label={
                                            coreViewModel.translations.chatPage
                                                .message
@@ -9,12 +9,12 @@ export function ReplyPreview(
 ) {
    return (
        <div class="reply-preview">
-            <div class="surface">
+            <div class="surface blur">
                <span class="secondary">{chatMessageViewModel.sender}</span>
                <b class="ellipsis" subscribe:innerText={chatMessageViewModel.body}></b>
            </div>
            <button
-                class="standard square"
+                class="standard square blur"
                on:click={chatMessageViewModel.cancelReply}
                aria-label={coreViewModel.translations.chatPage.message.cancelReplyAudioLabel}
            >