@jant/core 0.4.2 → 0.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jant/core",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "A modern, open-source microblogging platform built on Cloudflare Workers",
   "type": "module",
   "exports": {

package/src/preset.css

@@ -503,6 +503,10 @@ html {
   margin-top: 3rem;
 }
 
+article:has(.media-gallery-scroll-wrap) [data-post-meta] {
+  width: auto;
+}
+
 @media (max-width: 1024px) {
   [data-page="search"],
   .site-home-header,
@@ -521,4 +525,8 @@ html {
   [data-post-end] {
     width: min(100%, 35rem);
   }
+
+  article:has(.media-gallery-scroll-wrap) [data-post-meta] {
+    width: auto;
+  }
 }

package/src/services/export-theme/layouts/partials/media-gallery.html

@@ -134,7 +134,7 @@
                 "display: block; width: 100%; height: auto;")
               (printf "display: block; width: 100%%; height: %dpx; object-fit: cover;" $rowHeight) -}}
           {{- if $isShort -}}
-            <div class="media-video-wrap media-video-wrap-short" style="{{ $videoWrapStyle }}">
+            <div class="media-video-wrap media-video-wrap-short" style="{{ $videoWrapStyle | safeCSS }}">
               <a href="{{ .src }}" data-lightbox-index="{{ ._lbIdx }}" class="media-visual-frame media-video-link" style="display: block; cursor: pointer;">
                 <video preload="none" muted playsinline loop
                   {{- with .poster }} poster="{{ . }}"{{- end -}}
@@ -144,7 +144,7 @@
                   data-video-src="{{ .src }}"
                   data-feed-video-id="{{ .id }}"
                   class="media-visual"
-                  style="{{ $videoStyle }}"></video>
+                  style="{{ $videoStyle | safeCSS }}"></video>
               </a>
               <button type="button" class="media-feed-video-mute" data-feed-video-mute-toggle data-muted="true" aria-label="Play with sound">
                 <svg class="media-feed-video-icon media-feed-video-icon-muted" width="12" height="12" viewBox="0 0 48 48" fill="currentColor" aria-hidden="true">
@@ -160,13 +160,13 @@
           {{- else -}}
             <a href="{{ .src }}" data-lightbox-index="{{ ._lbIdx }}"
               class="media-video-wrap media-visual-frame"
-              style="{{ $videoWrapStyle }}">
+              style="{{ $videoWrapStyle | safeCSS }}">
               <video preload="none" muted playsinline
                 {{- with .poster }} poster="{{ . }}"{{- end -}}
                 {{- with .width }} width="{{ . }}"{{- end -}}
                 {{- with .height }} height="{{ . }}"{{- end }}
                 class="media-visual"
-                style="{{ $videoStyle }}"></video>
+                style="{{ $videoStyle | safeCSS }}"></video>
               <div class="media-video-play-overlay">
                 <svg viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>
               </div>

package/src/services/export-theme/styles/main.css

@@ -1314,7 +1314,10 @@ hr.feed-divider {
   position: relative;
   display: flex;
   flex-direction: column;
-  gap: calc(var(--space-xl) * 1.1);
+  /* Match runtime `.thread-group-preview .thread-item` which uses
+     `padding: var(--site-thread-item-spacing) 0` — adjacent items have
+     2x the token between them, so the flex `gap` here is 2x to match. */
+  gap: calc(var(--site-thread-item-spacing) * 2);
   margin: 0;
   padding: 0;
   border-left: 0;

package/src/styles/tokens.css

@@ -280,7 +280,7 @@
     var(--site-nav-hover-bg) 42%,
     transparent
   );
-  --site-thread-item-spacing: 16px;
+  --site-thread-item-spacing: 32px;
   --site-thread-dot-ring: color-mix(
     in srgb,
     var(--site-accent) 16%,

package/dist/app-73ovSon0.js

@@ -1,6 +0,0 @@
-import "./url-umUptr5z.js";
-import { t as createApp } from "./app-FtJ5R8pi.js";
-import "./export-1DCaq4BR.js";
-import "./env-CgaH9Mut.js";
-import "./github-sync-BWIpO72V.js";
-export { createApp };