@vanduo-oss/framework 1.4.1 → 1.4.3

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.
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # Vanduo Framework v1.4.1
1
+ # Vanduo Framework v1.4.3
2
2
 
3
3
  <p align="center">
4
4
  <img src="vanduo-banner.svg" alt="Vanduo Framework Banner" width="100%">
@@ -29,8 +29,8 @@ Vanduo is a zero-dependency UI framework built with HTML, CSS, and vanilla JavaS
29
29
  ### CDN
30
30
 
31
31
  ```html
32
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.4.1/dist/vanduo.min.css">
33
- <script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.4.1/dist/vanduo.min.js"></script>
32
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.4.3/dist/vanduo.min.css">
33
+ <script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.4.3/dist/vanduo.min.js"></script>
34
34
  <script>
35
35
  Vanduo.init();
36
36
  </script>
@@ -46,7 +46,9 @@
46
46
  /* ========== Calendar Popup ========== */
47
47
 
48
48
  .vd-datepicker-popup {
49
- position: absolute;
49
+ position: fixed;
50
+ top: 0;
51
+ left: 0;
50
52
  z-index: var(--vd-dp-z-index);
51
53
  background: var(--vd-dp-bg);
52
54
  border: 1px solid var(--vd-dp-border-color);
@@ -79,6 +79,7 @@
79
79
  outline: 0;
80
80
  opacity: 0;
81
81
  transition: var(--vd-modal-transition);
82
+ --vd-modal-dialog-max-width: var(--vd-modal-width);
82
83
  }
83
84
 
84
85
  .vd-modal.is-open {
@@ -91,9 +92,9 @@
91
92
  /* Modal Dialog */
92
93
  .vd-modal-dialog {
93
94
  position: relative;
94
- width: auto;
95
+ width: min(calc(100% - 3.5rem), var(--vd-modal-dialog-max-width));
95
96
  margin: 1.75rem auto;
96
- max-width: var(--vd-modal-width);
97
+ max-width: var(--vd-modal-dialog-max-width);
97
98
  pointer-events: none;
98
99
  transform: scale(0.95);
99
100
  transition: var(--vd-modal-dialog-transition);
@@ -202,16 +203,19 @@
202
203
  }
203
204
 
204
205
  /* Modal Sizes */
206
+ .vd-modal-dialog.vd-modal-sm,
205
207
  .vd-modal-sm .vd-modal-dialog {
206
- max-width: var(--vd-modal-width-sm);
208
+ --vd-modal-dialog-max-width: var(--vd-modal-width-sm);
207
209
  }
208
210
 
211
+ .vd-modal-dialog.vd-modal-lg,
209
212
  .vd-modal-lg .vd-modal-dialog {
210
- max-width: var(--vd-modal-width-lg);
213
+ --vd-modal-dialog-max-width: var(--vd-modal-width-lg);
211
214
  }
212
215
 
216
+ .vd-modal-dialog.vd-modal-xl,
213
217
  .vd-modal-xl .vd-modal-dialog {
214
- max-width: var(--vd-modal-width-xl);
218
+ --vd-modal-dialog-max-width: var(--vd-modal-width-xl);
215
219
  }
216
220
 
217
221
  .vd-modal-fullscreen .vd-modal-dialog {
@@ -256,6 +260,7 @@
256
260
  @media (max-width: 575.98px) {
257
261
  .vd-modal-dialog {
258
262
  margin: 0.5rem;
263
+ width: calc(100% - 1rem);
259
264
  max-width: calc(100% - 1rem);
260
265
  }
261
266
 
@@ -295,4 +300,3 @@
295
300
  overflow: hidden;
296
301
  padding-right: 0;
297
302
  }
298
-
@@ -36,7 +36,9 @@
36
36
  /* ========== Popup ========== */
37
37
 
38
38
  .vd-timepicker-popup {
39
- position: absolute;
39
+ position: fixed;
40
+ top: 0;
41
+ left: 0;
40
42
  z-index: var(--vd-tp-z-index);
41
43
  background: var(--vd-tp-bg);
42
44
  border: 1px solid var(--vd-tp-border-color);
package/css/vanduo.css CHANGED
@@ -72,7 +72,6 @@
72
72
  @import url('components/transfer.css');
73
73
  @import url('components/tree.css');
74
74
  @import url('components/spotlight.css');
75
- @import url('components/music-player.css');
76
75
 
77
76
  /* Layer 5: Effects */
78
77
  @import url('effects/parallax.css');
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.4.1",
3
- "builtAt": "2026-05-23T09:27:52.907Z",
4
- "commit": "4799a84",
2
+ "version": "1.4.3",
3
+ "builtAt": "2026-05-28T13:14:25.371Z",
4
+ "commit": "02ef7f6",
5
5
  "mode": "development+production"
6
6
  }