thibaud frere
commited on
Commit
·
10b7437
1
Parent(s):
03551cf
fix mobile
Browse files
app/src/content/chapters/available-blocks.mdx
CHANGED
|
@@ -112,7 +112,7 @@ Here are a few variations using the same bibliography:
|
|
| 112 |
| Prop | Required | Description
|
| 113 |
|------------------------|----------|-------------------------------------------------------
|
| 114 |
| `data-zoomable` | No | Adds a zoomable lightbox (Medium-like).
|
| 115 |
-
| `data-downloadable` | No | Adds a
|
| 116 |
| `loading="lazy"` | No | Lazy loads the image.
|
| 117 |
| `caption` | No | Adds a caption and credit.
|
| 118 |
|
|
|
|
| 112 |
| Prop | Required | Description
|
| 113 |
|------------------------|----------|-------------------------------------------------------
|
| 114 |
| `data-zoomable` | No | Adds a zoomable lightbox (Medium-like).
|
| 115 |
+
| `data-downloadable` | No | Adds a download button to fetch the image file.
|
| 116 |
| `loading="lazy"` | No | Lazy loads the image.
|
| 117 |
| `caption` | No | Adds a caption and credit.
|
| 118 |
|
app/src/styles/_layout.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
| 6 |
}
|
| 7 |
|
| 8 |
.content-grid { max-width: 1280px; margin: 0 auto; padding: 0 var(--content-padding-x); margin-top: 40px; display: grid; grid-template-columns: 220px minmax(0, 680px) 260px; gap: 32px; align-items: start; }
|
| 9 |
-
.content-grid > main { max-width: 100%; margin: 0; padding: 0; }
|
| 10 |
|
| 11 |
/* TOC (left column) */
|
| 12 |
.toc { position: sticky; top: 24px; }
|
|
|
|
| 6 |
}
|
| 7 |
|
| 8 |
.content-grid { max-width: 1280px; margin: 0 auto; padding: 0 var(--content-padding-x); margin-top: 40px; display: grid; grid-template-columns: 220px minmax(0, 680px) 260px; gap: 32px; align-items: start; }
|
| 9 |
+
.content-grid > main { max-width: 100%; margin: 0; padding: 0; overflow: hidden; }
|
| 10 |
|
| 11 |
/* TOC (left column) */
|
| 12 |
.toc { position: sticky; top: 24px; }
|