Request page design

1 files changed, 27 insertions, 4 deletions

diff --git a/assets/src/components/RequestPage.svelte b/assets/src/components/RequestPage.svelte
index d73d9c0..eb6b559 100644
--- a/assets/src/components/RequestPage.svelte
+++ b/assets/src/components/RequestPage.svelte
@@ -2,17 +2,40 @@
     import { start } from "../network/channel/connection";
     import { startRequest } from "../network/channel/request";
 
-    // TODO: Switch to store-based state updates.
+    import Header from "./Header.svelte";
 
     start().then(startRequest);
 </script>
 
+<Header color="white" />
+
 <main>
-    <h1>Requesting</h1>
+    <div class="left-segment">
+        <h1>Waiting for a response...</h1>
+        <p>
+            The share’s content will become available to you once the sharer
+            decides to accept your request.
+        </p>
+    </div>
+    <div class="right-segment" />
 </main>
 
+<svelte:head>
+    <style>
+        html,
+        body {
+            background-color: white;
+            color: black;
+        }
+    </style>
+</svelte:head>
+
 <style>
-    h1 {
-        font-size: 4em;
+    .left-segment {
+        flex-shrink: 0;
+    }
+
+    .right-segment {
+        flex-shrink: 1;
     }
 </style>