xframelib 0.5.7 → 0.6.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/dist/index.css CHANGED
@@ -43,106 +43,6 @@
43
43
  opacity: 0.25;
44
44
  }
45
45
 
46
- .vcpg {
47
- border: 1px solid var(--border-color);
48
- border-radius: 4px;
49
- width: 100%;
50
- }
51
- .vcpg ::v-deep(.vcp) * {
52
- box-sizing: border-box;
53
- }
54
- .vcpg ::v-deep(.vcp) .vcp__header {
55
- background-color: var(--bg-color-header);
56
- height: 30px;
57
- border-bottom: 2px solid #c6bebd;
58
- transition: background-color 0.3s ease;
59
- }
60
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
61
- background-color: var(--bg-color-header-hover);
62
- }
63
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
64
- background-color: var(--bg-color-header-active);
65
- }
66
- .vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
67
- border-top: 2px solid var(--border-color);
68
- }
69
- .vcpg ::v-deep(.vcp) .vcp__header-title {
70
- font-weight: 500;
71
- }
72
- .vcpg ::v-deep(.vcp) .vcp__body {
73
- border-top: 1px solid var(--border-color);
74
- background-color: var(--bg-color-body);
75
- }
76
-
77
- .layoutContainer {
78
- width: 100%;
79
- height: 100%;
80
- padding: 0;
81
- margin: 0;
82
- --layout-top-height: 77px;
83
- --layout-left-width: 200px;
84
- --layout-right-width: 200px;
85
- --layout-bottom-height: 60px;
86
- --layout-centerback-backcolor: #020202;
87
- --layout-top-zindex: 10000;
88
- --layout-bottom-zindex: 10000;
89
- --layout-center-zindex: 9999;
90
- --layout-left-zindex: 10000;
91
- }
92
-
93
- .topContainer {
94
- position: absolute;
95
- top: 0px;
96
- left: 0px;
97
- width: 100%;
98
- height: var(--layout-top-height);
99
- z-index: 1000;
100
- }
101
-
102
- .bottomContainer {
103
- position: absolute;
104
- bottom: 0px;
105
- left: 0px;
106
- width: 100%;
107
- height: var(--layout-bottom-height);
108
- }
109
-
110
- .leftContainer {
111
- position: absolute;
112
- top: 0px;
113
- left: 0px;
114
- width: var(--layout-left-width);
115
- height: 100%;
116
- pointer-events: none;
117
- }
118
-
119
- .rightContainer {
120
- position: absolute;
121
- top: 0px;
122
- right: 0px;
123
- width: var(--layout-right-width);
124
- height: 100%;
125
- pointer-events: none;
126
- }
127
-
128
- .centerdiv {
129
- position: absolute;
130
- top: 0px;
131
- left: 0px;
132
- bottom: 0px;
133
- width: 100%;
134
- background-color: transparent;
135
- overflow: hidden;
136
- }
137
-
138
- .centerContainer {
139
- pointer-events: none;
140
- }
141
-
142
- .mainContainer {
143
- pointer-events: none;
144
- }
145
-
146
46
  .splitpanes {
147
47
  display: flex;
148
48
  width: 100%;
@@ -253,6 +153,106 @@
253
153
  margin-top: 1px;
254
154
  }
255
155
 
156
+ .layoutContainer {
157
+ width: 100%;
158
+ height: 100%;
159
+ padding: 0;
160
+ margin: 0;
161
+ --layout-top-height: 70px;
162
+ --layout-left-width: 200px;
163
+ --layout-right-width: 200px;
164
+ --layout-bottom-height: 60px;
165
+ --layout-centerback-backcolor: #020202;
166
+ --layout-top-zindex: 10000;
167
+ --layout-bottom-zindex: 10000;
168
+ --layout-center-zindex: 9999;
169
+ --layout-left-zindex: 10000;
170
+ }
171
+
172
+ .topContainer {
173
+ position: absolute;
174
+ top: 0px;
175
+ left: 0px;
176
+ width: 100%;
177
+ height: var(--layout-top-height);
178
+ z-index: 1000;
179
+ }
180
+
181
+ .bottomContainer {
182
+ position: absolute;
183
+ bottom: 0px;
184
+ left: 0px;
185
+ width: 100%;
186
+ height: var(--layout-bottom-height);
187
+ }
188
+
189
+ .leftContainer {
190
+ position: absolute;
191
+ top: 0px;
192
+ left: 0px;
193
+ width: var(--layout-left-width);
194
+ height: 100%;
195
+ pointer-events: none;
196
+ }
197
+
198
+ .rightContainer {
199
+ position: absolute;
200
+ top: 0px;
201
+ right: 0px;
202
+ width: var(--layout-right-width);
203
+ height: 100%;
204
+ pointer-events: none;
205
+ }
206
+
207
+ .centerdiv {
208
+ position: absolute;
209
+ top: 0px;
210
+ left: 0px;
211
+ bottom: 0px;
212
+ width: 100%;
213
+ background-color: transparent;
214
+ overflow: hidden;
215
+ }
216
+
217
+ .centerContainer {
218
+ pointer-events: none;
219
+ }
220
+
221
+ .mainContainer {
222
+ pointer-events: none;
223
+ }
224
+
225
+ .vcpg {
226
+ border: 1px solid var(--border-color);
227
+ border-radius: 4px;
228
+ width: 100%;
229
+ }
230
+ .vcpg ::v-deep(.vcp) * {
231
+ box-sizing: border-box;
232
+ }
233
+ .vcpg ::v-deep(.vcp) .vcp__header {
234
+ background-color: var(--bg-color-header);
235
+ height: 30px;
236
+ border-bottom: 2px solid #c6bebd;
237
+ transition: background-color 0.3s ease;
238
+ }
239
+ .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
240
+ background-color: var(--bg-color-header-hover);
241
+ }
242
+ .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
243
+ background-color: var(--bg-color-header-active);
244
+ }
245
+ .vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
246
+ border-top: 2px solid var(--border-color);
247
+ }
248
+ .vcpg ::v-deep(.vcp) .vcp__header-title {
249
+ font-weight: 500;
250
+ }
251
+ .vcpg ::v-deep(.vcp) .vcp__body {
252
+ border-top: 1px solid var(--border-color);
253
+ background-color: var(--bg-color-body);
254
+ }
255
+
256
256
  .window {
257
257
  display: flex;
258
258
  flex-flow: column;