@bagelink/vue 0.0.1041 → 0.0.1043
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/components/form/inputs/RangeInput.vue.d.ts +1 -0
- package/dist/components/form/inputs/RangeInput.vue.d.ts.map +1 -1
- package/dist/index.cjs +31 -43
- package/dist/index.mjs +31 -43
- package/dist/style.css +257 -257
- package/package.json +1 -1
- package/src/components/form/inputs/RangeInput.vue +23 -32
- package/src/styles/theme.css +258 -258
package/dist/style.css
CHANGED
|
@@ -1180,28 +1180,28 @@ pre code.hljs{
|
|
|
1180
1180
|
color: var(--bgl-light-text);
|
|
1181
1181
|
}
|
|
1182
1182
|
|
|
1183
|
-
.range-slider-position-txt[data-v-
|
|
1183
|
+
.range-slider-position-txt[data-v-3616fbd2]{
|
|
1184
1184
|
margin-inline-start: calc((var(--progress) * 1%) - (var(--bgl-range-thumb-size) * var(--progress) / 100));
|
|
1185
1185
|
top: calc(var(--bgl-range-thumb-size) / 2 ) ;
|
|
1186
1186
|
transition: transform 0.1s, opacity 0.5s, top 0.5s;
|
|
1187
1187
|
transform: scale(0.5);
|
|
1188
1188
|
width: var(--bgl-range-thumb-size);
|
|
1189
1189
|
}
|
|
1190
|
-
.range-slider:hover .range-slider-position-txt[data-v-
|
|
1190
|
+
.range-slider:hover .range-slider-position-txt[data-v-3616fbd2]{
|
|
1191
1191
|
opacity: 1;
|
|
1192
1192
|
transform: scale(1);
|
|
1193
1193
|
top: calc(var(--bgl-range-thumb-size) / 1) ;
|
|
1194
1194
|
}
|
|
1195
|
-
.range-slider[data-v-
|
|
1195
|
+
.range-slider[data-v-3616fbd2] {
|
|
1196
1196
|
height: var(--bgl-range-track-size);
|
|
1197
1197
|
display: flex;
|
|
1198
1198
|
align-items: center;
|
|
1199
1199
|
margin-top: calc(var(--bgl-range-thumb-size) / 2 + 0.5rem) ;
|
|
1200
1200
|
}
|
|
1201
|
-
.range-slider-txt[data-v-
|
|
1201
|
+
.range-slider-txt[data-v-3616fbd2]{
|
|
1202
1202
|
margin-top: calc(var(--bgl-range-thumb-size) / 2) !important;
|
|
1203
1203
|
}
|
|
1204
|
-
input[type="range"][data-v-
|
|
1204
|
+
input[type="range"][data-v-3616fbd2] {
|
|
1205
1205
|
position: absolute;
|
|
1206
1206
|
width: 100%;
|
|
1207
1207
|
height: 100%;
|
|
@@ -1211,7 +1211,7 @@ input[type="range"][data-v-28a2da0e] {
|
|
|
1211
1211
|
appearance: none;
|
|
1212
1212
|
margin: 0;
|
|
1213
1213
|
}
|
|
1214
|
-
input[type="range"][data-v-
|
|
1214
|
+
input[type="range"][data-v-3616fbd2]::-webkit-slider-thumb {
|
|
1215
1215
|
pointer-events: all;
|
|
1216
1216
|
appearance: none;
|
|
1217
1217
|
width: var(--bgl-range-thumb-size);
|
|
@@ -1224,18 +1224,18 @@ input[type="range"][data-v-28a2da0e]::-webkit-slider-thumb {
|
|
|
1224
1224
|
cursor: grab;
|
|
1225
1225
|
transition: var(--bgl-transition);
|
|
1226
1226
|
}
|
|
1227
|
-
input[type="range"][data-v-
|
|
1227
|
+
input[type="range"][data-v-3616fbd2]::-webkit-slider-thumb:hover {
|
|
1228
1228
|
box-shadow: 0 0 0 calc(var(--bgl-range-thumb-size) / 2) var(--bgl-primary-tint);
|
|
1229
1229
|
filter: brightness(90%);
|
|
1230
1230
|
}
|
|
1231
|
-
input[type="range"][data-v-
|
|
1231
|
+
input[type="range"][data-v-3616fbd2]:focus::-webkit-slider-thumb {
|
|
1232
1232
|
outline: none;
|
|
1233
1233
|
box-shadow: 0 0 0 calc(var(--bgl-range-thumb-size) / 2.2) var(--bgl-primary-tint);
|
|
1234
1234
|
}
|
|
1235
|
-
input[type="range"][data-v-
|
|
1235
|
+
input[type="range"][data-v-3616fbd2]:active::-webkit-slider-thumb {
|
|
1236
1236
|
cursor: grabbing;
|
|
1237
1237
|
}
|
|
1238
|
-
.track[data-v-
|
|
1238
|
+
.track[data-v-3616fbd2] {
|
|
1239
1239
|
height: var(--bgl-range-track-height);
|
|
1240
1240
|
background: var(--bgl-bg);
|
|
1241
1241
|
margin-inline-start: calc(var(--bgl-range-thumb-size) / 2);
|
|
@@ -16380,340 +16380,340 @@ body:has([class*="slide-fade"])::-webkit-scrollbar {
|
|
|
16380
16380
|
}
|
|
16381
16381
|
/* TEHEME */
|
|
16382
16382
|
:root {
|
|
16383
|
-
|
|
16384
|
-
|
|
16385
|
-
|
|
16386
|
-
|
|
16387
|
-
|
|
16388
|
-
|
|
16389
|
-
|
|
16390
|
-
|
|
16391
|
-
|
|
16392
|
-
|
|
16393
|
-
|
|
16394
|
-
|
|
16395
|
-
|
|
16396
|
-
|
|
16397
|
-
|
|
16398
|
-
|
|
16399
|
-
|
|
16400
|
-
|
|
16401
|
-
|
|
16402
|
-
|
|
16403
|
-
|
|
16404
|
-
|
|
16405
|
-
|
|
16406
|
-
|
|
16407
|
-
|
|
16408
|
-
|
|
16409
|
-
|
|
16410
|
-
|
|
16411
|
-
|
|
16412
|
-
|
|
16413
|
-
|
|
16414
|
-
|
|
16415
|
-
|
|
16416
|
-
|
|
16417
|
-
|
|
16418
|
-
|
|
16383
|
+
--bgl-primary: var(--bgl-blue);
|
|
16384
|
+
--bgl-primary-tint: #2e5bff80;
|
|
16385
|
+
--bgl-primary-light: #eef6ff;
|
|
16386
|
+
--bgl-black: #282929;
|
|
16387
|
+
--bgl-black-tint: #28292980;
|
|
16388
|
+
--bgl-white: #fff;
|
|
16389
|
+
--bgl-gray: #b7b7b7;
|
|
16390
|
+
--bgl-gray-light: #f5f8fa;
|
|
16391
|
+
--bgl-gray-80: #e8ecef;
|
|
16392
|
+
--bgl-gray-20: rgba(183, 183, 183, 0.2);
|
|
16393
|
+
--bgl-gray-40: rgba(183, 183, 183, 0.4);
|
|
16394
|
+
--bgl-accent-color: var(--bgl-primary);
|
|
16395
|
+
--bgl-bg: #f4f6fa;
|
|
16396
|
+
--bgl-shadow: #00000031;
|
|
16397
|
+
--border-color: #00000020;
|
|
16398
|
+
--placeholder-color: #00000040;
|
|
16399
|
+
--label-color: #00000080;
|
|
16400
|
+
--input-bg: #f5f8fa;
|
|
16401
|
+
--input-color: #000000;
|
|
16402
|
+
--bgl-box-bg: var(--bgl-white);
|
|
16403
|
+
--bgl-popup-bg: var(--bgl-white);
|
|
16404
|
+
--bgl-popup-text: var(--bgl-black);
|
|
16405
|
+
--bgl-text-color: var(--bgl-black);
|
|
16406
|
+
--bgl-light-text: var(--bgl-white);
|
|
16407
|
+
--bgl-richtext-color: var(--bgl-white);
|
|
16408
|
+
--bgl-code-bg: var(--bgl-black);
|
|
16409
|
+
--bgl-code-color: var(--bgl-white);
|
|
16410
|
+
--bgl-dark-bg: rgba(0, 0, 0, 0.7);
|
|
16411
|
+
--bgl-selection-bg: var(--bgl-blue-dark);
|
|
16412
|
+
--bgl-selection-color: var(--bgl-white);
|
|
16413
|
+
--bgl-scrollbar-thumb: var(--bgl-gray);
|
|
16414
|
+
--pill-btn-color: var(--bgl-white);
|
|
16415
|
+
--pill-btn-bg: var(--placeholder-color);
|
|
16416
|
+
--bgl-selected: var(--bgl-gray-light);
|
|
16417
|
+
--skeleton-bg: #f0f0f0;
|
|
16418
|
+
--skeleton-pulse: var(--bgl-bg);
|
|
16419
16419
|
}
|
|
16420
16420
|
/* TYPE */
|
|
16421
16421
|
:root {
|
|
16422
|
-
|
|
16423
|
-
|
|
16422
|
+
--bgl-font: 'Lexend', 'Ploni', sans-serif;
|
|
16423
|
+
--input-font-size: 16px;
|
|
16424
16424
|
}
|
|
16425
16425
|
/* DIMENSIONS */
|
|
16426
16426
|
:root {
|
|
16427
|
-
|
|
16428
|
-
|
|
16429
|
-
|
|
16430
|
-
|
|
16431
|
-
|
|
16432
|
-
|
|
16433
|
-
|
|
16434
|
-
|
|
16435
|
-
|
|
16436
|
-
|
|
16437
|
-
|
|
16438
|
-
|
|
16439
|
-
|
|
16440
|
-
|
|
16427
|
+
--bgl-font-size: 16px;
|
|
16428
|
+
--input-height: 40px;
|
|
16429
|
+
--label-font-size: 12px;
|
|
16430
|
+
--input-border-radius: 7px;
|
|
16431
|
+
--card-border-radius: 12px;
|
|
16432
|
+
--btn-border-radius: 10px;
|
|
16433
|
+
--btn-padding: 30px;
|
|
16434
|
+
--btn-height: 40px;
|
|
16435
|
+
--pill-border-radius: 8px;
|
|
16436
|
+
--pill-height: 30px;
|
|
16437
|
+
--skeleton-radius: 0.25rem;
|
|
16438
|
+
--skeleton-margin: 1rem;
|
|
16439
|
+
--bgl-range-thumb-size: 20px;
|
|
16440
|
+
--bgl-range-track-height: 8px;
|
|
16441
16441
|
}
|
|
16442
16442
|
/* MISC */
|
|
16443
16443
|
:root {
|
|
16444
|
-
|
|
16445
|
-
|
|
16446
|
-
|
|
16447
|
-
|
|
16444
|
+
--bgl-transition: all 200ms ease;
|
|
16445
|
+
--bgl-transition-400: all 400ms ease;
|
|
16446
|
+
--bgl-hover-filter: brightness(90%);
|
|
16447
|
+
--bgl-active-filter: brightness(70%);
|
|
16448
16448
|
}
|
|
16449
16449
|
/* OTHER COLORS */
|
|
16450
16450
|
:root {
|
|
16451
|
-
|
|
16452
|
-
|
|
16453
|
-
|
|
16454
|
-
|
|
16455
|
-
|
|
16456
|
-
|
|
16457
|
-
|
|
16458
|
-
|
|
16459
|
-
|
|
16460
|
-
|
|
16461
|
-
|
|
16462
|
-
|
|
16463
|
-
|
|
16451
|
+
--bgl-blue: #2e5bff;
|
|
16452
|
+
--bgl-blue-20: rgba(46, 91, 255, 20%);
|
|
16453
|
+
--bgl-blue-dark: #191c30;
|
|
16454
|
+
--bgl-blue-light: #eef6ff;
|
|
16455
|
+
--bgl-pink: #f1416c;
|
|
16456
|
+
--bgl-red: #ed6c6f;
|
|
16457
|
+
--bgl-red-tint: #fbe2e2;
|
|
16458
|
+
--bgl-yellow: #ffbb00;
|
|
16459
|
+
--bgl-yellow-light: #fff6d5;
|
|
16460
|
+
--bgl-green: #75c98f;
|
|
16461
|
+
--whatsapp-gray: #89959f;
|
|
16462
|
+
--whatsapp-green: #e0fcd6;
|
|
16463
|
+
--whatsapp-blue: #71bce6;
|
|
16464
16464
|
}
|
|
16465
16465
|
.testMe * {
|
|
16466
|
-
|
|
16466
|
+
outline: 1px dotted red;
|
|
16467
16467
|
}
|
|
16468
16468
|
.Vue-Toastification__toast {
|
|
16469
|
-
|
|
16470
|
-
|
|
16469
|
+
border-radius: var(--card-border-radius);
|
|
16470
|
+
box-shadow: none;
|
|
16471
16471
|
}
|
|
16472
16472
|
.Vue-Toastification__toast--default {
|
|
16473
|
-
|
|
16473
|
+
background: var(--bgl-primary);
|
|
16474
16474
|
}
|
|
16475
16475
|
.Vue-Toastification__close-button {
|
|
16476
|
-
|
|
16477
|
-
|
|
16476
|
+
height: 1.5rem;
|
|
16477
|
+
line-height: 1rem;
|
|
16478
16478
|
}
|
|
16479
16479
|
::-moz-selection {
|
|
16480
|
-
|
|
16481
|
-
|
|
16480
|
+
color: var(--bgl-selection-color);
|
|
16481
|
+
background: var(--bgl-selection-bg);
|
|
16482
16482
|
}
|
|
16483
16483
|
::selection {
|
|
16484
|
-
|
|
16485
|
-
|
|
16484
|
+
color: var(--bgl-selection-color);
|
|
16485
|
+
background: var(--bgl-selection-bg);
|
|
16486
16486
|
}
|
|
16487
16487
|
.popup {
|
|
16488
|
-
|
|
16489
|
-
|
|
16490
|
-
|
|
16491
|
-
|
|
16492
|
-
|
|
16493
|
-
|
|
16488
|
+
border-radius: 15px;
|
|
16489
|
+
background: var(--bgl-popup-bg);
|
|
16490
|
+
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
|
|
16491
|
+
padding: 2rem;
|
|
16492
|
+
min-width: 300px;
|
|
16493
|
+
text-align: center;
|
|
16494
16494
|
}
|
|
16495
16495
|
.tabs {
|
|
16496
|
-
|
|
16497
|
-
|
|
16498
|
-
|
|
16499
|
-
|
|
16500
|
-
|
|
16501
|
-
|
|
16502
|
-
|
|
16503
|
-
|
|
16504
|
-
|
|
16505
|
-
|
|
16506
|
-
|
|
16507
|
-
|
|
16496
|
+
-moz-column-gap: 1rem;
|
|
16497
|
+
column-gap: 1rem;
|
|
16498
|
+
margin-top: 20px;
|
|
16499
|
+
margin-bottom: -2rem;
|
|
16500
|
+
border-top: 1px solid var(--border-color);
|
|
16501
|
+
width: calc(100% + 4rem);
|
|
16502
|
+
-webkit-margin-start: -2rem;
|
|
16503
|
+
margin-inline-start: -2rem;
|
|
16504
|
+
-webkit-padding-start: 2rem;
|
|
16505
|
+
padding-inline-start: 2rem;
|
|
16506
|
+
overflow: auto;
|
|
16507
|
+
display: flex;
|
|
16508
16508
|
}
|
|
16509
16509
|
.tab {
|
|
16510
|
-
|
|
16511
|
-
|
|
16512
|
-
|
|
16513
|
-
|
|
16514
|
-
|
|
16515
|
-
|
|
16516
|
-
|
|
16517
|
-
|
|
16518
|
-
|
|
16519
|
-
|
|
16510
|
+
font-size: 14px;
|
|
16511
|
+
font-weight: 600;
|
|
16512
|
+
line-height: 2.5;
|
|
16513
|
+
cursor: pointer;
|
|
16514
|
+
transition: var(--bgl-transition);
|
|
16515
|
+
border-bottom: 2px solid transparent;
|
|
16516
|
+
padding: 0 5px;
|
|
16517
|
+
white-space: nowrap;
|
|
16518
|
+
text-decoration: none;
|
|
16519
|
+
color: inherit;
|
|
16520
16520
|
}
|
|
16521
16521
|
.tab.active {
|
|
16522
|
-
|
|
16523
|
-
|
|
16522
|
+
color: var(--bgl-primary);
|
|
16523
|
+
border-bottom: 2px solid var(--bgl-primary);
|
|
16524
16524
|
}
|
|
16525
16525
|
.tab:hover {
|
|
16526
|
-
|
|
16526
|
+
color: var(--bgl-primary);
|
|
16527
16527
|
}
|
|
16528
16528
|
.tab:active {
|
|
16529
|
-
|
|
16530
|
-
|
|
16529
|
+
-webkit-filter: brightness(70%);
|
|
16530
|
+
filter: brightness(70%);
|
|
16531
16531
|
}
|
|
16532
16532
|
.router-tab {
|
|
16533
|
-
|
|
16534
|
-
|
|
16535
|
-
|
|
16536
|
-
|
|
16537
|
-
|
|
16538
|
-
|
|
16539
|
-
|
|
16540
|
-
|
|
16541
|
-
|
|
16542
|
-
|
|
16533
|
+
font-size: 14px;
|
|
16534
|
+
font-weight: 600;
|
|
16535
|
+
line-height: 2.5;
|
|
16536
|
+
cursor: pointer;
|
|
16537
|
+
transition: var(--bgl-transition);
|
|
16538
|
+
border-bottom: 2px solid transparent;
|
|
16539
|
+
padding: 0 5px;
|
|
16540
|
+
white-space: nowrap;
|
|
16541
|
+
text-decoration: none;
|
|
16542
|
+
color: inherit;
|
|
16543
16543
|
}
|
|
16544
16544
|
.router-tab.router-link-active {
|
|
16545
|
-
|
|
16546
|
-
|
|
16545
|
+
color: var(--bgl-primary);
|
|
16546
|
+
border-bottom: 2px solid var(--bgl-primary);
|
|
16547
16547
|
}
|
|
16548
16548
|
.router-tab:hover {
|
|
16549
|
-
|
|
16549
|
+
color: var(--bgl-primary);
|
|
16550
16550
|
}
|
|
16551
16551
|
.router-tab:active {
|
|
16552
|
-
|
|
16553
|
-
|
|
16552
|
+
-webkit-filter: brightness(70%);
|
|
16553
|
+
filter: brightness(70%);
|
|
16554
16554
|
}
|
|
16555
16555
|
.entity-container {
|
|
16556
|
-
|
|
16557
|
-
|
|
16558
|
-
|
|
16559
|
-
|
|
16560
|
-
|
|
16561
|
-
|
|
16562
|
-
|
|
16563
|
-
|
|
16564
|
-
|
|
16565
|
-
|
|
16566
|
-
|
|
16567
|
-
|
|
16568
|
-
|
|
16556
|
+
display: grid;
|
|
16557
|
+
height: 100%;
|
|
16558
|
+
grid-template-columns: minmax(300px, 1fr) 3fr;
|
|
16559
|
+
grid-gap: 1rem;
|
|
16560
|
+
-moz-column-gap: 1rem;
|
|
16561
|
+
column-gap: 1rem;
|
|
16562
|
+
grid-template-rows: 1fr;
|
|
16563
|
+
grid-template-areas: 'list-view detail-view';
|
|
16564
|
+
transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
|
|
16565
|
+
transition:
|
|
16566
|
+
grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
|
|
16567
|
+
-ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
|
|
16568
|
+
transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
|
|
16569
16569
|
}
|
|
16570
16570
|
.detail-main {
|
|
16571
|
-
|
|
16571
|
+
overflow-y: auto;
|
|
16572
16572
|
}
|
|
16573
16573
|
.content-row p {
|
|
16574
|
-
|
|
16574
|
+
margin: 0 0 10px 0;
|
|
16575
16575
|
}
|
|
16576
16576
|
.id {
|
|
16577
|
-
|
|
16578
|
-
|
|
16577
|
+
color: var(--bgl-gray);
|
|
16578
|
+
font-size: 9px;
|
|
16579
16579
|
}
|
|
16580
16580
|
.field {
|
|
16581
|
-
|
|
16582
|
-
|
|
16583
|
-
|
|
16584
|
-
|
|
16585
|
-
|
|
16581
|
+
--field-count: 1;
|
|
16582
|
+
--width: calc(100% / var(--field-count));
|
|
16583
|
+
grid-auto-columns: minmax(var(--width), var(--width));
|
|
16584
|
+
font-size: 10px;
|
|
16585
|
+
text-align: z;
|
|
16586
16586
|
}
|
|
16587
16587
|
.detail-view-inner {
|
|
16588
|
-
|
|
16589
|
-
|
|
16590
|
-
|
|
16591
|
-
|
|
16592
|
-
|
|
16593
|
-
|
|
16588
|
+
display: grid;
|
|
16589
|
+
height: 100%;
|
|
16590
|
+
overflow: hidden;
|
|
16591
|
+
grid-template-rows: -webkit-max-content 1fr;
|
|
16592
|
+
grid-template-rows: max-content 1fr;
|
|
16593
|
+
gap: 1rem;
|
|
16594
16594
|
}
|
|
16595
16595
|
.detail-view-inner-wrap {
|
|
16596
|
-
|
|
16597
|
-
|
|
16598
|
-
|
|
16596
|
+
height: 100%;
|
|
16597
|
+
overflow: hidden;
|
|
16598
|
+
transition: var(--bgl-transition);
|
|
16599
16599
|
}
|
|
16600
16600
|
.table-list-wrap {
|
|
16601
|
-
|
|
16601
|
+
overflow: auto;
|
|
16602
16602
|
}
|
|
16603
16603
|
[dir='rtl'] .data-row .bgl_icon-font,
|
|
16604
16604
|
[dir='rtl'] .embedded-field .bgl_icon-font {
|
|
16605
|
-
|
|
16605
|
+
transform: rotateY(180deg) !important;
|
|
16606
16606
|
}
|
|
16607
16607
|
.copy-url {
|
|
16608
|
-
|
|
16609
|
-
|
|
16610
|
-
|
|
16611
|
-
|
|
16612
|
-
|
|
16613
|
-
|
|
16614
|
-
|
|
16615
|
-
|
|
16608
|
+
background-color: var(--bgl-gray-light);
|
|
16609
|
+
border-radius: var(--btn-border-radius);
|
|
16610
|
+
padding: 0.5rem 1rem;
|
|
16611
|
+
align-items: center;
|
|
16612
|
+
justify-content: flex-start;
|
|
16613
|
+
margin-bottom: 1rem;
|
|
16614
|
+
display: flex;
|
|
16615
|
+
justify-content: space-between;
|
|
16616
16616
|
}
|
|
16617
16617
|
.copy-url a {
|
|
16618
|
-
|
|
16619
|
-
|
|
16620
|
-
|
|
16621
|
-
|
|
16622
|
-
|
|
16618
|
+
margin: 0;
|
|
16619
|
+
font-size: 12px;
|
|
16620
|
+
opacity: 0.8;
|
|
16621
|
+
color: var(--bgl-text-color);
|
|
16622
|
+
word-break: break-all;
|
|
16623
16623
|
}
|
|
16624
16624
|
.list-view {
|
|
16625
|
-
|
|
16626
|
-
|
|
16627
|
-
|
|
16628
|
-
|
|
16629
|
-
|
|
16630
|
-
|
|
16631
|
-
|
|
16625
|
+
grid-area: list-view;
|
|
16626
|
+
grid-template-areas: 'list-header' 'list-content';
|
|
16627
|
+
grid-template-columns: 1fr;
|
|
16628
|
+
overflow-y: auto;
|
|
16629
|
+
grid-template-rows: -webkit-max-content 1fr;
|
|
16630
|
+
grid-template-rows: max-content 1fr;
|
|
16631
|
+
transition: var(--transition);
|
|
16632
16632
|
}
|
|
16633
16633
|
.shekel {
|
|
16634
|
-
|
|
16634
|
+
line-height: 0;
|
|
16635
16635
|
}
|
|
16636
16636
|
.view-wrapper {
|
|
16637
|
-
|
|
16638
|
-
|
|
16639
|
-
|
|
16637
|
+
height: 100%;
|
|
16638
|
+
position: relative;
|
|
16639
|
+
overflow: hidden;
|
|
16640
16640
|
}
|
|
16641
16641
|
@media screen and (max-width: 1000px) {
|
|
16642
|
-
|
|
16643
|
-
|
|
16644
|
-
|
|
16642
|
+
.entity-container {
|
|
16643
|
+
grid-template-columns: minmax(22vw, 1fr) 2fr;
|
|
16644
|
+
}
|
|
16645
16645
|
}
|
|
16646
16646
|
@media screen and (max-width: 910px) {
|
|
16647
|
-
|
|
16648
|
-
|
|
16649
|
-
|
|
16647
|
+
.tab {
|
|
16648
|
+
font-size: 12px;
|
|
16649
|
+
}
|
|
16650
16650
|
|
|
16651
|
-
|
|
16652
|
-
|
|
16653
|
-
|
|
16654
|
-
|
|
16651
|
+
.entity-container {
|
|
16652
|
+
grid-template-columns: 1fr;
|
|
16653
|
+
gap: 0;
|
|
16654
|
+
}
|
|
16655
16655
|
|
|
16656
|
-
|
|
16657
|
-
|
|
16658
|
-
|
|
16659
|
-
|
|
16656
|
+
.detail-view-inner {
|
|
16657
|
+
border-radius: var(--card-border-radius);
|
|
16658
|
+
background: var(--bgl-box-bg);
|
|
16659
|
+
}
|
|
16660
16660
|
|
|
16661
|
-
|
|
16662
|
-
|
|
16663
|
-
|
|
16664
|
-
|
|
16665
|
-
|
|
16666
|
-
|
|
16661
|
+
.detail-view-inner-wrap {
|
|
16662
|
+
position: absolute;
|
|
16663
|
+
height: 100%;
|
|
16664
|
+
width: 100%;
|
|
16665
|
+
background: var(--bgl-bg);
|
|
16666
|
+
}
|
|
16667
16667
|
|
|
16668
|
-
|
|
16669
|
-
|
|
16670
|
-
|
|
16668
|
+
.detail-view-inner-wrap.bgl_card {
|
|
16669
|
+
background: var(--bgl-box-bg);
|
|
16670
|
+
}
|
|
16671
16671
|
|
|
16672
|
-
|
|
16673
|
-
|
|
16674
|
-
|
|
16672
|
+
.bgl_card {
|
|
16673
|
+
padding: 1rem 1rem;
|
|
16674
|
+
}
|
|
16675
16675
|
|
|
16676
|
-
|
|
16677
|
-
|
|
16678
|
-
|
|
16679
|
-
|
|
16680
|
-
|
|
16681
|
-
|
|
16682
|
-
|
|
16683
|
-
|
|
16684
|
-
|
|
16685
|
-
|
|
16686
|
-
|
|
16687
|
-
|
|
16676
|
+
.tabs {
|
|
16677
|
+
-moz-column-gap: 10px;
|
|
16678
|
+
column-gap: 10px;
|
|
16679
|
+
margin-top: 10px;
|
|
16680
|
+
margin-bottom: -15px;
|
|
16681
|
+
box-sizing: border-box;
|
|
16682
|
+
-webkit-margin-start: -1rem;
|
|
16683
|
+
margin-inline-start: -1rem;
|
|
16684
|
+
-webkit-padding-start: 1rem;
|
|
16685
|
+
padding-inline-start: 1rem;
|
|
16686
|
+
max-width: calc(100vw - 2rem);
|
|
16687
|
+
}
|
|
16688
16688
|
|
|
16689
|
-
|
|
16690
|
-
|
|
16691
|
-
|
|
16692
|
-
|
|
16693
|
-
|
|
16694
|
-
|
|
16695
|
-
|
|
16696
|
-
|
|
16697
|
-
|
|
16698
|
-
|
|
16699
|
-
|
|
16689
|
+
.popup {
|
|
16690
|
+
border-radius: 15px;
|
|
16691
|
+
background: var(--bgl-popup-bg);
|
|
16692
|
+
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
|
|
16693
|
+
padding: 2rem;
|
|
16694
|
+
min-width: 0;
|
|
16695
|
+
max-width: 90%;
|
|
16696
|
+
max-height: 90vh;
|
|
16697
|
+
overflow-x: auto;
|
|
16698
|
+
text-align: center;
|
|
16699
|
+
}
|
|
16700
16700
|
|
|
16701
|
-
|
|
16702
|
-
|
|
16703
|
-
|
|
16701
|
+
.detail-main {
|
|
16702
|
+
overflow-y: unset;
|
|
16703
|
+
}
|
|
16704
16704
|
|
|
16705
|
-
|
|
16706
|
-
|
|
16707
|
-
|
|
16708
|
-
|
|
16709
|
-
|
|
16705
|
+
.detail-section {
|
|
16706
|
+
height: -webkit-fit-content;
|
|
16707
|
+
height: -moz-fit-content;
|
|
16708
|
+
height: fit-content;
|
|
16709
|
+
}
|
|
16710
16710
|
|
|
16711
|
-
|
|
16712
|
-
|
|
16713
|
-
|
|
16714
|
-
|
|
16715
|
-
|
|
16716
|
-
|
|
16711
|
+
.field {
|
|
16712
|
+
display: flex;
|
|
16713
|
+
flex-wrap: wrap;
|
|
16714
|
+
gap: 0.5rem;
|
|
16715
|
+
align-items: center;
|
|
16716
|
+
}
|
|
16717
16717
|
}
|
|
16718
16718
|
[theme="dark"] {
|
|
16719
16719
|
--bgl-primary: #1c4fe1;
|