bi-components-library 1.0.2 → 1.0.4
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/dist/bi-components-library.css +1 -1
- package/dist/index.es.js +375 -361
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +6 -6
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.video-card{overflow:hidden!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;position:relative}.video-card .ant-card-body{padding:0!important;border:none!important;border-radius:0!important;margin:0!important;height:100%!important;box-sizing:border-box}.video-card .ant-card{margin:0!important;padding:0!important;border-radius:0!important;height:100%!important;box-sizing:border-box}.video-card-container{position:relative;background:#000;width:100%!important;height:100%!important;overflow:hidden;margin:0!important;padding:0!important;line-height:0!important;font-size:0!important;display:block;box-sizing:border-box}.video-card:hover .video-card-container{width:100%!important;height:100%!important}.video-card video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;box-sizing:border-box;object-fit:cover!important;object-position:center!important}.video-card:hover video,.video-card video:hover,.video-card.playing video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:.8;transition:all .3s ease;cursor:pointer;background:#00000080;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center}.video-play-button:hover{opacity:1;background:#000000b3;transform:translate(-50%,-50%) scale(1.1)}.video-play-button.hovered{opacity:.6}.video-play-button.hovered:hover{opacity:1}.play-icon{font-size:32px;color:#fff;transition:all .3s ease}.video-loading-mask{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:5}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.play-icon{font-size:24px}.video-play-button{padding:8px}}@media (prefers-color-scheme: dark){.video-card{background:#1f1f1f}.video-play-button{background:#ffffff1a}.video-play-button:hover{background:#fff3}}.waterfall-container{position:relative;width:100%;min-height:200px}.waterfall-item{position:absolute;box-sizing:border-box}.waterfall-item .video-card{border-radius:
|
|
1
|
+
.video-card{overflow:hidden!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;position:relative}.video-card .ant-card-body{padding:0!important;border:none!important;border-radius:0!important;margin:0!important;height:100%!important;box-sizing:border-box}.video-card .ant-card{margin:0!important;padding:0!important;border-radius:0!important;height:100%!important;box-sizing:border-box}.video-card-container{position:relative;background:#000;width:100%!important;height:100%!important;overflow:hidden;margin:0!important;padding:0!important;line-height:0!important;font-size:0!important;display:block;box-sizing:border-box}.video-card:hover .video-card-container{width:100%!important;height:100%!important}.video-card video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;box-sizing:border-box;object-fit:cover!important;object-position:center!important}.video-card:hover video,.video-card video:hover,.video-card.playing video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:.8;transition:all .3s ease;cursor:pointer;background:#00000080;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center}.video-play-button:hover{opacity:1;background:#000000b3;transform:translate(-50%,-50%) scale(1.1)}.video-play-button.hovered{opacity:.6}.video-play-button.hovered:hover{opacity:1}.play-icon{font-size:32px;color:#fff;transition:all .3s ease}.video-loading-mask{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:5}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.play-icon{font-size:24px}.video-play-button{padding:8px}}@media (prefers-color-scheme: dark){.video-card{background:#1f1f1f}.video-play-button{background:#ffffff1a}.video-play-button:hover{background:#fff3}}.waterfall-container{position:relative;width:100%;min-height:200px}.waterfall-item{position:absolute;box-sizing:border-box}.waterfall-item .video-card{border-radius:6px!important}.waterfall-image-wrapper{width:100%;overflow:hidden;background:#f5f5f5;cursor:pointer;position:relative;border-radius:6px}.waterfall-image{width:100%;height:auto;display:block;border-radius:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.waterfall-item.loading{animation:pulse 1.5s ease-in-out infinite}@media (prefers-color-scheme: dark){.waterfall-image-wrapper{background:#1f1f1f}}
|