itube-specs 0.0.1045 → 0.0.1046
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.
|
@@ -285,13 +285,14 @@ async function changeCountry(item: ISelectItem) {
|
|
|
285
285
|
@include font-sm;
|
|
286
286
|
|
|
287
287
|
display: grid;
|
|
288
|
-
grid-template-columns: 1fr auto;
|
|
288
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
289
289
|
margin-bottom: 4px;
|
|
290
290
|
column-gap: 12px;
|
|
291
291
|
align-items: center;
|
|
292
292
|
color: $language-item-text;
|
|
293
293
|
padding: 10px 8px;
|
|
294
294
|
text-align: start;
|
|
295
|
+
overflow-wrap: anywhere;
|
|
295
296
|
border-radius: $radius-lg;
|
|
296
297
|
|
|
297
298
|
@include hover(background-color) {
|
|
@@ -300,11 +301,11 @@ async function changeCountry(item: ISelectItem) {
|
|
|
300
301
|
}
|
|
301
302
|
|
|
302
303
|
.layout-language__details-item:has(img) {
|
|
303
|
-
grid-template-columns: 20px 1fr auto;
|
|
304
|
+
grid-template-columns: 20px minmax(0, 1fr) auto;
|
|
304
305
|
}
|
|
305
306
|
|
|
306
307
|
.layout-language__details-item:has(.layout-language__code) {
|
|
307
|
-
grid-template-columns: 32px 1fr auto;
|
|
308
|
+
grid-template-columns: 32px minmax(0, 1fr) auto;
|
|
308
309
|
}
|
|
309
310
|
|
|
310
311
|
.layout-language__check {
|
|
@@ -356,6 +357,7 @@ async function changeCountry(item: ISelectItem) {
|
|
|
356
357
|
|
|
357
358
|
.layout-language__buttons {
|
|
358
359
|
display: grid;
|
|
360
|
+
grid-template-columns: minmax(0, 1fr);
|
|
359
361
|
max-height: 192px;
|
|
360
362
|
overflow-y: auto;
|
|
361
363
|
scrollbar-width: none;
|
package/package.json
CHANGED
package/pages/user/profile.vue
CHANGED
|
@@ -182,6 +182,7 @@ watchEffect(() => {
|
|
|
182
182
|
|
|
183
183
|
.profile__header-wrapper {
|
|
184
184
|
display: grid;
|
|
185
|
+
grid-template-columns: minmax(0, 1fr);
|
|
185
186
|
row-gap: 1px;
|
|
186
187
|
}
|
|
187
188
|
|
|
@@ -191,7 +192,7 @@ watchEffect(() => {
|
|
|
191
192
|
display: grid;
|
|
192
193
|
column-gap: 8px;
|
|
193
194
|
align-items: center;
|
|
194
|
-
grid-template-columns: auto 1fr;
|
|
195
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
195
196
|
color: $profile-member-text;
|
|
196
197
|
margin-top: 4px;
|
|
197
198
|
}
|
|
@@ -245,7 +246,7 @@ watchEffect(() => {
|
|
|
245
246
|
|
|
246
247
|
.profile__header {
|
|
247
248
|
display: grid;
|
|
248
|
-
grid-template-columns: auto 1fr;
|
|
249
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
249
250
|
align-items: center;
|
|
250
251
|
column-gap: 20px;
|
|
251
252
|
}
|
|
@@ -253,6 +254,10 @@ watchEffect(() => {
|
|
|
253
254
|
.profile__edit {
|
|
254
255
|
@include button-variant(profile-edit);
|
|
255
256
|
|
|
257
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
258
|
+
max-width: 100%;
|
|
256
259
|
margin-top: 12px;
|
|
260
|
+
white-space: normal;
|
|
261
|
+
text-align: start;
|
|
257
262
|
}
|
|
258
263
|
</style>
|