sveltekit-ui 1.1.53 → 1.1.54

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/dist/Components/YoutubeVideo/index.svelte +1 -2
  2. package/dist/Components/YoutubeVideo/index.svelte.js +3 -0
  3. package/package.json +1 -1
  4. package/src/lib/Components/YoutubeVideo/index.svelte +1 -2
  5. package/src/lib/Components/YoutubeVideo/index.svelte.js +3 -0
  6. package/src/routes/+page.svelte +2 -2
package/dist/Components/YoutubeVideo/index.svelte CHANGED
@@ -28,7 +28,7 @@
28
28
  <a href="https://youtu.be/{manager?.video_id}">https://youtu.be/{manager?.video_id}</a>
29
29
  </div>
30
30
  {/if}
31
- <div class="video_container">
31
+ <div class="video_container" style="border-radius: {manager?.border_radius}rem;">
32
32
  <div class="video_inner_container">
33
33
  <iframe
34
34
  class:is_hidden={!!manager?.error_message}
@@ -48,7 +48,6 @@
48
48
  position: relative;
49
49
  width: 100%;
50
50
  overflow: hidden;
51
- margin-top: 2rem;
52
51
  }
53
52
  .video_inner_container {
54
53
  position: relative;
package/dist/Components/YoutubeVideo/index.svelte.js CHANGED
@@ -48,6 +48,9 @@ export function create_youtube_video_manager(config) {
48
48
  get theme() {
49
49
  return theme
50
50
  },
51
+ get border_radius() {
52
+ return config?.border_radius
53
+ },
51
54
  render_video,
52
55
  resize_video,
53
56
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sveltekit-ui",
3
- "version": "1.1.53",
3
+ "version": "1.1.54",
4
4
  "description": "A SvelteKit UI component library for building modern web applications",
5
5
  "license": "MIT",
6
6
  "type": "module",
package/src/lib/Components/YoutubeVideo/index.svelte CHANGED
@@ -28,7 +28,7 @@
28
28
  <a href="https://youtu.be/{manager?.video_id}">https://youtu.be/{manager?.video_id}</a>
29
29
  </div>
30
30
  {/if}
31
- <div class="video_container">
31
+ <div class="video_container" style="border-radius: {manager?.border_radius}rem;">
32
32
  <div class="video_inner_container">
33
33
  <iframe
34
34
  class:is_hidden={!!manager?.error_message}
@@ -48,7 +48,6 @@
48
48
  position: relative;
49
49
  width: 100%;
50
50
  overflow: hidden;
51
- margin-top: 2rem;
52
51
  }
53
52
  .video_inner_container {
54
53
  position: relative;
package/src/lib/Components/YoutubeVideo/index.svelte.js CHANGED
@@ -48,6 +48,9 @@ export function create_youtube_video_manager(config) {
48
48
  get theme() {
49
49
  return theme
50
50
  },
51
+ get border_radius() {
52
+ return config?.border_radius
53
+ },
51
54
  render_video,
52
55
  resize_video,
53
56
  }
package/src/routes/+page.svelte CHANGED
@@ -349,7 +349,7 @@ below are the docs for each component individually
349
349
  </script>
350
350
 
351
351
  <div class="container">
352
- <div style="max-width: 700px;">
352
+ <div style="max-width: clamp(20rem, 100%, 100dvw);">
353
353
  <YoutubeVideo manager={youtube_video_manager} />
354
354
  </div>
355
355
  <Content manager={content_manager} />
@@ -365,7 +365,7 @@ below are the docs for each component individually
365
365
  .container {
366
366
  margin: auto;
367
367
  padding: 0 2rem 10rem 2rem;
368
- max-width: 70rem;
368
+ max-width: clamp(20rem, 100%, 100dvw);
369
369
  }
370
370
  p {
371
371
  margin-top: 2rem;