Update push preview to look like a mobile device

appwrite · Dec 6, 2023 · 7a61eed · 7a61eed
1 parent 4083b3b
commit 7a61eed
Show file tree

Hide file tree

Showing 4 changed files with 81 additions and 7 deletions.
diff --git a/src/routes/console/project-[project]/messaging/message-[message]/pushPreview.svelte b/src/routes/console/project-[project]/messaging/message-[message]/pushPreview.svelte
@@ -8,7 +8,9 @@
 <CardGrid>
     <div class="grid-1-2-col-1 u-flex-vertical u-cross-start u-gap-16">
         <Heading tag="h6" size="7">Preview</Heading>
-        <PushPhone title={$message.data.title} body={$message.data.body} />
+        <div class="u-flex u-main-center u-margin-block-start-24 u-width-full-line">
+            <PushPhone title={$message.data.title} body={$message.data.body} />
+        </div>
     </div>
     <svelte:fragment slot="aside">
         <FormList>