diff --git a/assets/sass/_common/_shortcodes.scss b/assets/sass/_common/_shortcodes.scss index d5cc2821..e406e571 100644 --- a/assets/sass/_common/_shortcodes.scss +++ b/assets/sass/_common/_shortcodes.scss @@ -101,7 +101,7 @@ .gallery-box { .gallery { - @apply relative my-4 flex flex-row justify-center; + @apply relative md:m-4 m-3 flex flex-row justify-center; figure { @apply my-0; img { @@ -109,7 +109,7 @@ } } figure + figure { - @apply ml-4; + @apply md:ml-4 ml-3; } } } \ No newline at end of file diff --git a/assets/sass/_partial/_page_gallery.scss b/assets/sass/_partial/_page_gallery.scss index 0c406fc8..88252d36 100644 --- a/assets/sass/_partial/_page_gallery.scss +++ b/assets/sass/_partial/_page_gallery.scss @@ -1,9 +1,9 @@ .page-gallery { .gallery { - @apply mx-4; + @apply md:mx-4 mx-3; } .gallery-image { - @apply relative mb-4 overflow-hidden rounded; + @apply relative md:mb-4 mb-3 overflow-hidden rounded; figcaption { @apply pointer-events-none absolute bottom-0 w-full px-4 pt-8 pb-4 text-center text-lg text-white opacity-100 transition-opacity duration-300 md:opacity-0; background-image: linear-gradient(to bottom, hsla(330, 0%, 0%, 0), cubic-bezier(0.42, 0, 0.4, 1), hsla(210, 0%, 0%, 0.3)); diff --git a/assets/ts/search.ts b/assets/ts/search.ts index 8ce49ab2..2a6e552a 100644 --- a/assets/ts/search.ts +++ b/assets/ts/search.ts @@ -68,7 +68,7 @@ async function initSearch() { return data[n] }); if (value) { - const html = `