@optifye/dashboard-core 6.1.12 → 6.2.0

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/global.css CHANGED
@@ -193,4 +193,34 @@ input[type="range"]:active::-moz-range-thumb {
193
193
  .rdp-day_today:not(.rdp-day_selected) {
194
194
  font-weight: 700;
195
195
  color: var(--rdp-accent-color);
196
+ }
197
+
198
+ /* Video.js styling for proper aspect ratio preservation - ensure full height is always visible */
199
+ .video-js .vjs-tech,
200
+ .video-js video,
201
+ .video-js .vjs-poster,
202
+ .vjs-tech {
203
+ object-fit: contain !important;
204
+ object-position: center center !important;
205
+ width: 100% !important;
206
+ height: 100% !important;
207
+ }
208
+
209
+ /* Ensure the Video.js player container respects aspect ratio */
210
+ .video-js {
211
+ object-fit: contain !important;
212
+ }
213
+
214
+ /* Override any Video.js responsive behaviors that might crop the video */
215
+ .video-js.vjs-fluid {
216
+ object-fit: contain !important;
217
+ }
218
+
219
+ /* Ensure the video element itself maintains aspect ratio */
220
+ .video-js .vjs-tech video,
221
+ .video-js video {
222
+ max-width: 100% !important;
223
+ max-height: 100% !important;
224
+ object-fit: contain !important;
225
+ object-position: center center !important;
196
226
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@optifye/dashboard-core",
3
- "version": "6.1.12",
3
+ "version": "6.2.0",
4
4
  "description": "Reusable UI & logic for Optifye dashboard",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -51,6 +51,7 @@
51
51
  "swr": "^2.3.0",
52
52
  "tailwindcss": ">=3",
53
53
  "tailwindcss-animate": "^1.0.7",
54
+ "video.js": "^8.23.3",
54
55
  "zustand": "^5.0.0"
55
56
  },
56
57
  "dependencies": {