Merge pull request #6 from jill64/dev

chore: restyle demo
jill64 · Dec 14, 2023 · 110888c · 110888c
2 parents bcb2ffe + dca63f6
commit 110888c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -2,10 +2,12 @@
 
 # svelte-hydrated
 
-<!----- BEGIN GHOST DOCS BADGES -----><a href="https://npmjs.com/package/svelte-hydrated"><img src="https://img.shields.io/npm/v/svelte-hydrated" alt="npm-version" /></a> <a href="https://npmjs.com/package/svelte-hydrated"><img src="https://img.shields.io/npm/l/svelte-hydrated" alt="npm-license" /></a> <a href="https://npmjs.com/package/svelte-hydrated"><img src="https://img.shields.io/npm/dm/svelte-hydrated" alt="npm-download-month" /></a> <a href="https://npmjs.com/package/svelte-hydrated"><img src="https://img.shields.io/bundlephobia/min/svelte-hydrated" alt="npm-min-size" /></a> <a href="https://github.com/jill64/svelte-hydrated/actions/workflows/ci.yml"><img src="https://github.com/jill64/svelte-hydrated/actions/workflows/ci.yml/badge.svg" alt="ci.yml" /></a><!----- END GHOST DOCS BADGES ----->
+<!----- BEGIN GHOST DOCS BADGES -----><a href="https://npmjs.com/package/svelte-hydrated"><img src="https://img.shields.io/npm/v/svelte-hydrated" alt="npm-version" /></a> <a href="https://npmjs.com/package/svelte-hydrated"><img src="https://img.shields.io/npm/l/svelte-hydrated" alt="npm-license" /></a> <a href="https://npmjs.com/package/svelte-hydrated"><img src="https://img.shields.io/npm/dm/svelte-hydrated" alt="npm-download-month" /></a> <a href="https://npmjs.com/package/svelte-hydrated"><img src="https://img.shields.io/bundlephobia/min/svelte-hydrated" alt="npm-min-size" /></a> <a href="https://github.com/jill64/svelte-hydrated/actions/workflows/ci.yml"><img src="https://github.com/jill64/svelte-hydrated/actions/workflows/ci.yml/badge.svg" alt="ci.yml" /></a> <a href="https://svelte-hydrated.jill64.dev"><img src="https://img.shields.io/website?up_message=working&down_message=down&url=https%3A%2F%2Fsvelte-hydrated.jill64.dev" alt="website" /></a><!----- END GHOST DOCS BADGES ----->
 
 💧 Indicating hydration status by svelte-store
 
+## [Demo](https://svelte-hydrated.jill64.dev)
+
 <!----- END GHOST DOCS HEADER ----->
 
 ## Installation

diff --git a/package.json b/package.json
@@ -56,7 +56,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/jill64/svelte-hydrated.git",
-    "image": "https://opengraph.githubassets.com/769937243b5c08f683a1f40d2de081541d89543b68e846fa0cbb1671742bf2e3/jill64/svelte-hydrated"
+    "image": "https://opengraph.githubassets.com/8480b78b4c0bdb4746d02635f1726907e869f2d7dc3b6fbe47ffe095b7db5e9c/jill64/svelte-hydrated"
   },
   "license": "MIT",
   "bugs": "https://github.com/jill64/svelte-hydrated/issues",

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -50,7 +50,7 @@
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
   }
-  @media (max-width: 600px) {
+  @media (max-width: 800px) {
     main {
       grid-template-columns: 1fr;
     }
@@ -95,4 +95,7 @@
   :global(.dark) button:active {
     background: rgba(255, 255, 255, 0.2);
   }
+  div {
+    overflow-x: auto;
+  }
 </style>