Merge pull request #529 from MuckRock/sveltekit-embed-cleanup

MuckRock · Apr 25, 2024 · 7dd3406 · 7dd3406
2 parents a91301c + 3f782dd
commit 7dd3406
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/routes/(embed)/documents/[id]/annotations/[note_id]/+page.svelte b/src/routes/(embed)/documents/[id]/annotations/[note_id]/+page.svelte
@@ -163,6 +163,7 @@
   .DC-note-image-max-bounds {
     border-radius: var(--radius);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
+    box-sizing: content-box;
     position: relative;
     font-size: 0;
     overflow: hidden;

diff --git a/src/routes/(embed)/projects/[project_id]/+page.svelte b/src/routes/(embed)/projects/[project_id]/+page.svelte
@@ -64,8 +64,17 @@
 </div>
 
 <style>
+  header {
+    padding: 1rem;
+  }
+
   .documents {
-    display: flex;
-    flex-flow: row wrap;
+    padding: 1rem;
+  }
+
+  @media (min-width: 720px) {
+    .documents {
+      column-count: 3;
+    }
   }
 </style>
diff --git a/src/routes/(embed)/stories/project-embed.stories.svelte b/src/routes/(embed)/stories/project-embed.stories.svelte
@@ -15,7 +15,7 @@
     title: "Embed / Project",
     component: ProjectEmbed,
     tags: ["autodocs"],
-    parameters: { layout: "centered" },
+    parameters: { layout: "fullscreen" },
   };
 
   const data = {