From 9d8ca2a653661560f471d717d188e92a79edb250 Mon Sep 17 00:00:00 2001
From: Melonai <einebeere@gmail.com>
Date: Sun, 27 Jun 2021 00:05:52 +0200
Subject: Request page design

---
 assets/src/components/RequestPage.svelte | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

(limited to 'assets/src/components/RequestPage.svelte')

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>
-- 
cgit 1.4.1

