lightnet 3.4.0 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/package.json +1 -1
  3. package/src/components/MediaGallery.astro +1 -1
  4. package/src/components/MediaList.astro +1 -0
  5. package/src/pages/api/search.ts +1 -1
  6. package/src/pages/details-page/components/main-details/Cover.astro +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # lightnet
2
2
 
3
+ ## 3.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#254](https://github.com/LightNetDev/LightNet/pull/254) [`46c0f7c`](https://github.com/LightNetDev/LightNet/commit/46c0f7c693a46a7a2e06e72c4a333368aa8f7485) Thanks [@smn-cds](https://github.com/smn-cds)! - Improve responsive image variants:
8
+
9
+ - Improve image quality on search result items
10
+ - Limit the size of the media list image
11
+ - Streamline details page cover image variants
12
+ - Streamline gallery image variants
13
+
3
14
  ## 3.4.0
4
15
 
5
16
  ### Minor Changes
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "lightnet",
3
3
  "type": "module",
4
4
  "license": "MIT",
5
- "version": "3.4.0",
5
+ "version": "3.4.1",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "https://github.com/LightNetDev/lightnet",
package/src/components/MediaGallery.astro CHANGED
@@ -52,7 +52,7 @@ const items = itemsInput.filter((item) => !!item)
52
52
  class="h-full w-full object-contain"
53
53
  src={item.data.image}
54
54
  alt=""
55
- widths={[120, 160, 240, 320, 640]}
55
+ widths={[256, 512, 768, 1024]}
56
56
  sizes={
57
57
  "(max-width: 640px) calc(calc(100vw - 3.5rem ) / 2), " +
58
58
  "(max-width: 768px) calc(calc(100vw - 5rem ) / 3), " +
package/src/components/MediaList.astro CHANGED
@@ -62,6 +62,7 @@ const mediaTypes = Object.fromEntries(
62
62
  <Image
63
63
  class="max-h-32 w-auto max-w-32 rounded-sm object-contain shadow-md"
64
64
  src={item.data.image}
65
+ width={256}
65
66
  alt=""
66
67
  />
67
68
  </div>
package/src/pages/api/search.ts CHANGED
@@ -32,7 +32,7 @@ async function createSearchItem(mediaItem: MediaItemEntry) {
32
32
  } = await getImage({
33
33
  src: image,
34
34
  format: "webp",
35
- width: 144,
35
+ width: 256,
36
36
  })
37
37
  return {
38
38
  title,
package/src/pages/details-page/components/main-details/Cover.astro CHANGED
@@ -21,7 +21,7 @@ const isPortraitImage = image.height > image.width
21
21
  <Image
22
22
  class:list={isPortraitImage ? "h-52 w-auto sm:h-72" : "h-auto w-52 sm:w-72"}
23
23
  alt=""
24
- widths={[208, 288, 576, 864]}
24
+ widths={[256, 512, 768, 1024]}
25
25
  sizes="(max-width: 640px) 13rem, 18rem"
26
26
  src={image}
27
27
  quality="high"