@platforma-sdk/ui-vue 1.5.38 → 1.5.42

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.
@@ -1,181 +0,0 @@
1
- @import '@milaboratories/uikit/src/assets/mixins.scss';
2
-
3
- .file-dialog {
4
- display: flex;
5
- flex-direction: column;
6
- gap: 24px;
7
- overflow: auto;
8
-
9
- &__title {
10
- font-weight: 500;
11
- font-size: 28px;
12
- line-height: 32px;
13
- letter-spacing: -0.56px;
14
- color: var(--txt-01);
15
- margin-bottom: 16px;
16
- margin: 0 24px 16px 24px;
17
- }
18
-
19
- &__search {
20
- display: flex;
21
- flex-direction: column;
22
- gap: 24px;
23
- margin: 0 24px;
24
- }
25
-
26
- .ls-container {
27
- display: flex;
28
- flex-direction: column;
29
- border-top: 1px solid var(--border-color-div-grey);
30
- }
31
-
32
- .ls-head {
33
- display: flex;
34
- align-items: center;
35
- gap: 6px;
36
- height: 40px;
37
- font-size: 11px;
38
- font-style: normal;
39
- font-weight: 600;
40
- line-height: 12px;
41
- letter-spacing: 0.44px;
42
- border-bottom: 1px solid var(--border-color-div-grey);
43
- background-color: var(--bg-base-light);
44
- padding: 0 24px;
45
- &__selected {
46
- font-size: 11px;
47
- font-weight: 600;
48
- letter-spacing: 0.44px;
49
- text-transform: uppercase;
50
- }
51
- > div {
52
- cursor: pointer;
53
- }
54
-
55
- &__breadcrumbs {
56
- color: var(--txt-01);
57
- font-size: 14px;
58
- font-weight: 600;
59
-
60
- display: flex;
61
- flex-direction: row;
62
- align-items: center;
63
- gap: 2px;
64
-
65
- > div {
66
- display: flex;
67
- flex-direction: row;
68
- align-items: center;
69
- }
70
-
71
- i {
72
- display: inline-block;
73
- }
74
- }
75
- }
76
-
77
- .ls-error {
78
- display: flex;
79
- flex-direction: column;
80
- gap: 24px;
81
- align-items: center;
82
- background-color: var(--bg-base-light);
83
- height: 366px;
84
- &__cat {
85
- margin-top: 40px;
86
- width: 240px;
87
- height: 200px;
88
- background: url('./icons/no-data-cat.svg');
89
- }
90
- &__message {
91
- color: var(--txt-mask);
92
- text-align: center;
93
- font-size: 28px;
94
- line-height: 28px;
95
- font-weight: 500;
96
- letter-spacing: -0.56px;
97
- overflow: hidden;
98
- }
99
- }
100
-
101
- .ls-empty {
102
- display: flex;
103
- flex-direction: column;
104
- gap: 24px;
105
- align-items: center;
106
- background-color: var(--bg-base-light);
107
- height: 366px;
108
- &__cat {
109
- margin-top: 40px;
110
- width: 400px;
111
- height: 200px;
112
- background: url('./icons/empty-cat.svg');
113
- }
114
- &__message {
115
- color: var(--txt-mask);
116
- text-align: center;
117
- font-size: 28px;
118
- font-weight: 500;
119
- letter-spacing: -0.56px;
120
- }
121
- }
122
-
123
- .ls-body {
124
- padding: 12px;
125
- height: 366px;
126
- @include scrollbar(true);
127
- overflow: auto;
128
- user-select: none;
129
- display: flex;
130
- flex-direction: column;
131
- > div {
132
- font-family: var(--font-family-monospace);
133
- color: var(--txt-01);
134
- font-feature-settings: 'ss11' on, 'ss15' on, 'ss17' on;
135
- font-size: 14px;
136
- font-weight: 400;
137
- display: flex;
138
- align-items: center;
139
- min-height: 24px;
140
- gap: 12px;
141
- padding: 0 12px;
142
- > span {
143
- display: inline-block;
144
- white-space: nowrap;
145
- overflow: hidden;
146
- }
147
- > i {
148
- min-width: 16px;
149
- }
150
- i.isFile {
151
- display: inline-block;
152
- background-color: #CFD1DB;
153
- }
154
- &.isDir {
155
- cursor: pointer;
156
- &:hover {
157
- text-decoration: underline;
158
- }
159
- }
160
- &.canBeSelected {
161
- color: var(--txt-01);
162
- &.selected {
163
- background-color: var(--btn-active-select);
164
- }
165
- }
166
- }
167
- }
168
-
169
- .ls-loader {
170
- display: flex;
171
- align-items: center;
172
- justify-items: center;
173
- height: 366px;
174
- transform: scale(4);
175
- .loader-icon {
176
- animation: spin 4s linear infinite;
177
- background-color: #ccc;
178
- margin: auto;
179
- }
180
- }
181
- }