voiptime-components 1.21.77 → 1.21.78
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 +1 -1
- package/package.json +1 -1
- package/src/assets/_page.scss +49 -1
package/package.json
CHANGED
package/src/assets/_page.scss
CHANGED
|
@@ -15,6 +15,18 @@
|
|
|
15
15
|
flex-direction: column;
|
|
16
16
|
overflow: hidden;
|
|
17
17
|
|
|
18
|
+
// Модифікатор: картка по висоті контенту (не розтягується)
|
|
19
|
+
&--shrink {
|
|
20
|
+
height: auto;
|
|
21
|
+
flex-shrink: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
// Модифікатор: картка займає залишок висоти (flex-grow)
|
|
25
|
+
&--grow {
|
|
26
|
+
flex: 1 1 0;
|
|
27
|
+
min-height: 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
18
30
|
&-header {
|
|
19
31
|
// Хедер картки (в ньому фільтр + можлива кнопка зправа)
|
|
20
32
|
display: flex;
|
|
@@ -71,7 +83,7 @@
|
|
|
71
83
|
&-element {
|
|
72
84
|
display: inline-block;
|
|
73
85
|
white-space: nowrap;
|
|
74
|
-
margin-right: 10px;
|
|
86
|
+
margin-right: 10px;
|
|
75
87
|
}
|
|
76
88
|
}
|
|
77
89
|
|
|
@@ -94,6 +106,11 @@
|
|
|
94
106
|
display: flex;
|
|
95
107
|
gap: var(--vt-gap-base);
|
|
96
108
|
|
|
109
|
+
// Модифікатор: колонка замість рядка (для правого side-панелі)
|
|
110
|
+
&--column {
|
|
111
|
+
flex-direction: column;
|
|
112
|
+
}
|
|
113
|
+
|
|
97
114
|
&-header {
|
|
98
115
|
height: 46px;
|
|
99
116
|
border-bottom: 1px solid var(--color-gray-5);
|
|
@@ -118,6 +135,12 @@
|
|
|
118
135
|
display: flex;
|
|
119
136
|
flex-direction: column;
|
|
120
137
|
|
|
138
|
+
// Модифікатор: горизонтальний паддінг
|
|
139
|
+
&--padded {
|
|
140
|
+
padding-left: var(--vt-padding-lg);
|
|
141
|
+
padding-right: var(--vt-padding-lg);
|
|
142
|
+
}
|
|
143
|
+
|
|
121
144
|
&-item {
|
|
122
145
|
display: flex;
|
|
123
146
|
flex-direction: row;
|
|
@@ -145,6 +168,20 @@
|
|
|
145
168
|
}
|
|
146
169
|
}
|
|
147
170
|
}
|
|
171
|
+
|
|
172
|
+
// Рядок всередині body без label (для inline-форм типу caller-id)
|
|
173
|
+
&-row {
|
|
174
|
+
display: flex;
|
|
175
|
+
flex-direction: row;
|
|
176
|
+
align-items: center;
|
|
177
|
+
gap: var(--vt-gap-base);
|
|
178
|
+
padding: 0 var(--vt-padding-lg) var(--vt-padding-base);
|
|
179
|
+
|
|
180
|
+
// Вкладений рядок зі зміщенням (для змінних номера)
|
|
181
|
+
&--nested {
|
|
182
|
+
padding-left: calc(var(--vt-padding-lg) + 16px);
|
|
183
|
+
}
|
|
184
|
+
}
|
|
148
185
|
}
|
|
149
186
|
}
|
|
150
187
|
}
|
|
@@ -158,4 +195,15 @@
|
|
|
158
195
|
gap: var(--vt-gap-base);
|
|
159
196
|
align-items: center;
|
|
160
197
|
}
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
// ── Утиліти layout ────────────────────────────────────────────────────────────
|
|
201
|
+
|
|
202
|
+
// Вертикальний стек карток (side-панель з кількох карток)
|
|
203
|
+
.vt-card-stack {
|
|
204
|
+
display: flex;
|
|
205
|
+
flex-direction: column;
|
|
206
|
+
gap: var(--vt-gap-base);
|
|
207
|
+
min-height: 0;
|
|
208
|
+
overflow: hidden;
|
|
161
209
|
}
|