@betarena/ad-engine 0.0.76 → 0.0.77

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@betarena/ad-engine",
3
- "version": "0.0.76",
3
+ "version": "0.0.77",
4
4
  "private": false,
5
5
  "description": "Betarena ad-engine widget",
6
6
  "keywords": [
@@ -329,24 +329,38 @@
329
329
  referrerpolicy="no-referrer-when-downgrade"
330
330
  -->
331
331
 
332
- <iframe
333
- title="ad"
334
- width=300
335
- height=250
336
- srcdoc='
337
- <!doctype html>
338
- <html>
339
- <head>
340
- <meta charset="utf-8">
341
- </head>
342
- <body
343
- style="margin:0"
332
+ <div
333
+ style="
334
+ position: relative;
335
+ height: 336px;
336
+ width: 100%;
337
+ background-color: black;
338
+ "
339
+ >
340
+ <iframe
341
+ title="ad"
342
+ srcdoc='
343
+ <!doctype html>
344
+ <html
345
+ style="
346
+ overflow: scroll;
347
+ overflow-x: hidden;
348
+ "
344
349
  >
345
- {adData.data.code}
346
- </body>
347
- </html>
348
- '
349
- />
350
+ <head>
351
+ <meta charset="utf-8">
352
+ </head>
353
+ <body
354
+ style="
355
+ margin:0;
356
+ "
357
+ >
358
+ {adData.data.code}
359
+ </body>
360
+ </html>
361
+ '
362
+ />
363
+ </div>
350
364
 
351
365
  {:else if (adData.type == 2)}
352
366
  <img
@@ -515,6 +529,30 @@
515
529
  {
516
530
  /* 🎨 style */
517
531
  @include banner;
532
+ border: none;
533
+ height: 280px;
534
+ min-height: unset;
535
+ max-height: unset;
536
+ width: fit-content;
537
+
538
+ /* 📌 position */
539
+ position: absolute;
540
+ top: 50%;
541
+ left: 50%;
542
+ transform: translate(-50%, -50%);
543
+ margin: 0;
544
+
545
+ // & > *
546
+ // {
547
+ // ::-webkit-scrollbar {
548
+ // width: 0; /* Remove scrollbar space */
549
+ // background: transparent; /* Optional: just make scrollbar invisible */
550
+ // }
551
+ // /* Optional: show position indicator in red */
552
+ // ::-webkit-scrollbar-thumb {
553
+ // background: #FF0000;
554
+ // }
555
+ // }
518
556
  }
519
557
 
520
558
  video