xframelib 1.0.1 → 1.0.2

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/index.css CHANGED
@@ -1,3 +1,63 @@
1
+ .adivider {
2
+ width: 100%;
3
+ margin: 10px 0;
4
+ display: flex;
5
+ align-items: center;
6
+ justify-items: center;
7
+ }
8
+
9
+ .adivider .line {
10
+ border: v-bind(lineColor) 1px solid;
11
+ }
12
+
13
+ .adivider .contentText {
14
+ background-color: inherit;
15
+ font-size: 18px;
16
+ }
17
+
18
+ .window {
19
+ display: flex;
20
+ flex-flow: column;
21
+ position: absolute;
22
+ border-radius: 4pt 4pt 0 0;
23
+ }
24
+
25
+ .titlebar {
26
+ display: flex;
27
+ flex-flow: row nowrap;
28
+ border-radius: 4pt 4pt 0 0;
29
+ font-family: sans-serif;
30
+ padding: 0.5em;
31
+ flex: 0 0 auto;
32
+ }
33
+
34
+ .title {
35
+ flex-grow: 1;
36
+ white-space: nowrap;
37
+ overflow: hidden;
38
+ text-overflow: ellipsis;
39
+ }
40
+
41
+ .content {
42
+ flex-grow: 1;
43
+ padding: 0.5em;
44
+ }
45
+
46
+ .draggable-handle {
47
+ cursor: move;
48
+ }
49
+
50
+ .fade-enter,
51
+ .fade-leave-to {
52
+ opacity: 0;
53
+ transform: scale(0.9);
54
+ }
55
+
56
+ .fade-enter-active,
57
+ .fade-leave-active {
58
+ transition: 0.2s;
59
+ }
60
+
1
61
  .splitpanes {
2
62
  display: flex;
3
63
  width: 100%;
@@ -130,23 +190,6 @@
130
190
  margin-top: 1px;
131
191
  }
132
192
 
133
- .adivider {
134
- width: 100%;
135
- margin: 10px 0;
136
- display: flex;
137
- align-items: center;
138
- justify-items: center;
139
- }
140
-
141
- .adivider .line {
142
- border: v-bind(lineColor) 1px solid;
143
- }
144
-
145
- .adivider .contentText {
146
- background-color: inherit;
147
- font-size: 18px;
148
- }
149
-
150
193
  .layoutContainer {
151
194
  position: relative;
152
195
  width: 100%;
@@ -407,49 +450,6 @@
407
450
  cursor: s-resize;
408
451
  }
409
452
 
410
- .window {
411
- display: flex;
412
- flex-flow: column;
413
- position: absolute;
414
- border-radius: 4pt 4pt 0 0;
415
- }
416
-
417
- .titlebar {
418
- display: flex;
419
- flex-flow: row nowrap;
420
- border-radius: 4pt 4pt 0 0;
421
- font-family: sans-serif;
422
- padding: 0.5em;
423
- flex: 0 0 auto;
424
- }
425
-
426
- .title {
427
- flex-grow: 1;
428
- white-space: nowrap;
429
- overflow: hidden;
430
- text-overflow: ellipsis;
431
- }
432
-
433
- .content {
434
- flex-grow: 1;
435
- padding: 0.5em;
436
- }
437
-
438
- .draggable-handle {
439
- cursor: move;
440
- }
441
-
442
- .fade-enter,
443
- .fade-leave-to {
444
- opacity: 0;
445
- transform: scale(0.9);
446
- }
447
-
448
- .fade-enter-active,
449
- .fade-leave-active {
450
- transition: 0.2s;
451
- }
452
-
453
453
  .btn {
454
454
  background-color: transparent;
455
455
  border: none;