style text pages

MuckRock · Apr 27, 2024 · 437e719 · 437e719
1 parent f33b821
commit 437e719
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/src/lib/components/documents/TextPage.svelte b/src/lib/components/documents/TextPage.svelte
@@ -17,17 +17,30 @@
 
 <style>
   .page {
-    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+    gap: var(--font-md, 1rem);
+    padding: 1.5rem;
   }
 
   .page pre {
     background-color: var(--white, #fff);
-    padding: 1rem;
+    padding: 1.5rem;
     text-wrap: pretty;
+
+    color: var(--gray-5, #233944);
+    font-family: "Source Code Pro", monospace;
+    font-size: var(--font-xs);
+    line-height: 1.25rem;
+    box-shadow: var(--shadow);
+    width: 100%;
   }
 
+  h4,
   h4 a {
-    color: var(--black);
+    color: var(--gray-4, #5c717c);
     text-decoration: none;
   }
 

diff --git a/src/routes/documents/[id]-[slug]/text/+page.svelte b/src/routes/documents/[id]-[slug]/text/+page.svelte
@@ -11,3 +11,13 @@
     <TextPage {page} {contents} />
   {/each}
 </div>
+
+<style>
+  .container {
+    display: flex;
+    padding: 4.75rem 2rem 0rem 2rem;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.25rem;
+  }
+</style>