@sedoo/unidoo 0.0.55 → 0.0.59

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": "@sedoo/unidoo",
3
- "version": "0.0.55",
3
+ "version": "0.0.59",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "build": "vue-cli-service build --target lib --name unidoo src/plugin.js",
@@ -50,6 +50,9 @@ export default {
50
50
  [date-switch]{
51
51
  display: flex;
52
52
  align-items: center;
53
+ padding: 1px;
54
+ background: rgb(245,245,245);
55
+ border-radius: 5px;
53
56
  }
54
57
  </style>
55
58
 
@@ -5,7 +5,7 @@
5
5
 
6
6
  <div mask @click="zoomPlayer"></div>
7
7
 
8
- <div body style="height: 100%, margin: auto">
8
+ <div body>
9
9
 
10
10
  <div sub-body :style="subBodyStyle">
11
11
 
@@ -14,26 +14,27 @@
14
14
  <v-row viewer-part :style="{ order: ((playerBarTop) ? 2 : 4) }">
15
15
 
16
16
  <v-list-item player-layout-slider-part >
17
- <v-col>
17
+ <div style="display: flex; flex-direction: column; width: 100%">
18
18
  <div custom-top-left >
19
19
  <slot name="customField"></slot>
20
20
  </div>
21
- <div style="display: flex; justify-content: center;">
21
+ <div style="display: flex; justify-content: center; margin-top: 10px;">
22
22
  <slot name="frameTitle">
23
23
 
24
24
  </slot>
25
- <v-btn
26
- v-if="canPlay"
27
- reload-button
28
- icon
29
- x-small
30
- color="grey"
31
- title="reload frames"
32
- @click="emitReloadFrames()"
33
- >
34
- <v-icon>mdi-cached</v-icon>
35
- </v-btn>
36
25
  </div>
26
+
27
+ <v-btn
28
+ v-if="canPlay"
29
+ reload-button
30
+ icon
31
+ x-small
32
+ color="grey"
33
+ title="reload frames"
34
+ @click="emitReloadFrames()"
35
+ >
36
+ <v-icon>mdi-cached</v-icon>
37
+ </v-btn>
37
38
 
38
39
  <unidoo-progress-bar v-if="showProgressBar"
39
40
  :title="progressBarTitle"
@@ -79,7 +80,7 @@
79
80
  </v-slider>
80
81
 
81
82
  <iframe ref="sizeHandlerIframe" src="about:blank" style="width:100%; height:0; border:0;"></iframe>
82
- </v-col>
83
+ </div>
83
84
  </v-list-item>
84
85
 
85
86
  </v-row>
@@ -465,6 +466,7 @@ export default {
465
466
  [player-layout] [body] [sub-body] {
466
467
  display: grid;
467
468
  background: white;
469
+ align-items: center;
468
470
  }
469
471
 
470
472
  [player-layout] [mask] {
@@ -483,11 +485,13 @@ export default {
483
485
  [viewer-part] {
484
486
  margin-top: 0;
485
487
  margin-bottom: 0;
488
+ height: 100%;
486
489
  }
487
490
 
488
491
  [player-layout-slider-part] {
489
492
  position: relative;
490
493
  margin: 10px 0;
494
+ max-height: 100%;
491
495
  }
492
496
 
493
497
  [player-layout-slider-part] [custom-top-left]{
@@ -511,7 +515,7 @@ export default {
511
515
 
512
516
  [reload-button] {
513
517
  position: absolute;
514
- top: 0;
518
+ top: -5px;
515
519
  right: 15px;
516
520
  }
517
521
 
@@ -521,12 +525,15 @@ export default {
521
525
  top: 6vh;
522
526
  left: 4vw;
523
527
  right: 4vw;
524
- max-height: 92vh;
525
528
  overflow: auto;
526
529
  margin-top: -5px;
527
530
  margin-bottom: 5px;
531
+ padding-top: 5px;
528
532
  padding-left : 15px;
529
533
  padding-right : 15px;
534
+ height: auto;
535
+ max-height: 92vh;
536
+ border-radius: 5px;
530
537
  }
531
538
 
532
539
  [player-layout].zoomed [mask] {