Give cards a slight border

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

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,
   })}>

src/views/notes/Note.svelte

@@ -309,7 +309,7 @@
 
       if (lastChild) {
         const height = (
-          64
+          66
           + getHeight(childrenContainer)
           - getHeight(lastChild)
           - getHeight(lastChild.nextElementSibling)

tailwind.config.cjs

@@ -16,6 +16,7 @@ module.exports = {
       white: "#FFFCF2",
       accent: "#EB5E28",
       light: "#CCC5B9",
+      shimmer: "#544e46",
       medium: "#403D39",
       dark: "#252422",
       danger: "#ff0000",