From 5c5152ae85e790de46d3ae1c17b7fa0efa602855 Mon Sep 17 00:00:00 2001
From: Jonathan Staab <shtaab@gmail.com>
Date: Fri, 3 Mar 2023 16:52:46 -0600
Subject: [PATCH] Give cards a slight border

---
 ROADMAP.md                  | 2 ++
 src/partials/Card.svelte    | 4 ++--
 src/views/notes/Note.svelte | 2 +-
 tailwind.config.cjs         | 1 +
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/ROADMAP.md b/ROADMAP.md
index 1f922749..a2f3679b 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -121,3 +121,5 @@
   - [ ] Trim feeds once the user scrolls way down to save on memory
   - [ ] Don't lose feeds when navigating, persist modals. Remember scroll state
 - [ ] Offline-first
+- [ ] Add support for nests https://nostrnests.com/
+  - nevent1qqs2jm46m9tg9z33av4fp8hhapsx96234htz75wrvpvrax5jjl8m5usprfmhxue69uhhyetvv9ujumn0wd68yurvv438xtnrdaksy4d92m
diff --git a/src/partials/Card.svelte b/src/partials/Card.svelte
index 978355e5..ef5d0ff7 100644
--- a/src/partials/Card.svelte
+++ b/src/partials/Card.svelte
@@ -10,8 +10,8 @@
   on:click
   in:fly={{y: 20}}
   class={cx($$props.class, "card p-3 text-white rounded-2xl bg-dark", {
-    'bg-dark': !invertColors,
-    'bg-medium': invertColors,
+    'bg-dark border border-solid border-medium': !invertColors,
+    'bg-medium border border-solid border-shimmer': invertColors,
     "cursor-pointer transition-all": interactive,
     "hover:bg-medium": interactive && !invertColors,
   })}>
diff --git a/src/views/notes/Note.svelte b/src/views/notes/Note.svelte
index a8bd034f..7e0f5cc3 100644
--- a/src/views/notes/Note.svelte
+++ b/src/views/notes/Note.svelte
@@ -309,7 +309,7 @@
 
       if (lastChild) {
         const height = (
-          64
+          66
           + getHeight(childrenContainer)
           - getHeight(lastChild)
           - getHeight(lastChild.nextElementSibling)
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 4020b35c..b97ff48c 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -16,6 +16,7 @@ module.exports = {
       white: "#FFFCF2",
       accent: "#EB5E28",
       light: "#CCC5B9",
+      shimmer: "#544e46",
       medium: "#403D39",
       dark: "#252422",
       danger: "#ff0000",