Skip to content

Commit 1a0888e

Browse files
MaxTheGeeekMaxTheGeeek
authored
FIX: release fixes (#2207)
* REFACTOR: scrollbar * FIX: consensus sync on import configs * FIX: no client for web3signer * REMOVED: prunning btn for geth * FIX: format * CHANGE: some styles on controp page * CHANGE: some styles changed on cp * FIX: format
1 parent f1b6f60 commit 1a0888e

11 files changed

Lines changed: 114 additions & 92 deletions

File tree

‎launcher/public/output.css‎

Lines changed: 48 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -1028,10 +1028,6 @@ video {
10281028
top: 100%;
10291029
}
10301030

1031-
.left-2\/3{
1032-
left: 66.666667%;
1033-
}
1034-
10351031
.z-0{
10361032
z-index: 0;
10371033
}
@@ -1440,6 +1436,10 @@ video {
14401436
margin: -0.25rem;
14411437
}
14421438

1439+
.m-0{
1440+
margin: 0px;
1441+
}
1442+
14431443
.m-1{
14441444
margin: 0.25rem;
14451445
}
@@ -1448,10 +1448,6 @@ video {
14481448
margin: auto;
14491449
}
14501450

1451-
.m-0{
1452-
margin: 0px;
1453-
}
1454-
14551451
.mx-1{
14561452
margin-left: 0.25rem;
14571453
margin-right: 0.25rem;
@@ -1975,10 +1971,6 @@ video {
19751971
height: 100vh;
19761972
}
19771973

1978-
.h-auto{
1979-
height: auto;
1980-
}
1981-
19821974
.max-h-10{
19831975
max-height: 2.5rem;
19841976
}
@@ -2523,10 +2515,6 @@ video {
25232515
width: 100vw;
25242516
}
25252517

2526-
.w-auto{
2527-
width: auto;
2528-
}
2529-
25302518
.min-w-\[100px\]{
25312519
min-width: 100px;
25322520
}
@@ -2601,6 +2589,12 @@ video {
26012589
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
26022590
}
26032591

2592+
.-translate-x-2\/3{
2593+
--tw-translate-x: -66.666667%;
2594+
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2595+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2596+
}
2597+
26042598
.-translate-y-1\/2{
26052599
--tw-translate-y: -50%;
26062600
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2619,12 +2613,6 @@ video {
26192613
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
26202614
}
26212615

2622-
.-translate-x-2\/3{
2623-
--tw-translate-x: -66.666667%;
2624-
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2625-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2626-
}
2627-
26282616
.rotate-0{
26292617
--tw-rotate: 0deg;
26302618
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3563,6 +3551,10 @@ video {
35633551
border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
35643552
}
35653553

3554+
.border-\[\#ffffff0a\]{
3555+
border-color: #ffffff0a;
3556+
}
3557+
35663558
.border-blue-100{
35673559
--tw-border-opacity: 1;
35683560
border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
@@ -3652,6 +3644,16 @@ video {
36523644
border-color: rgb(54 83 20 / var(--tw-border-opacity, 1));
36533645
}
36543646

3647+
.border-neutral-500{
3648+
--tw-border-opacity: 1;
3649+
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
3650+
}
3651+
3652+
.border-neutral-600{
3653+
--tw-border-opacity: 1;
3654+
border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
3655+
}
3656+
36553657
.border-orange-500{
36563658
--tw-border-opacity: 1;
36573659
border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
@@ -3736,14 +3738,12 @@ video {
37363738
border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
37373739
}
37383740

3739-
.border-neutral-500{
3740-
--tw-border-opacity: 1;
3741-
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
3741+
.border-\[\#ffffff27\]{
3742+
border-color: #ffffff27;
37423743
}
37433744

3744-
.border-neutral-600{
3745-
--tw-border-opacity: 1;
3746-
border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
3745+
.border-\[\#ffffff16\]{
3746+
border-color: #ffffff16;
37473747
}
37483748

37493749
.border-b-transparent{
@@ -3808,11 +3808,6 @@ video {
38083808
border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
38093809
}
38103810

3811-
.bg-\[\#093A4C\]{
3812-
--tw-bg-opacity: 1;
3813-
background-color: rgb(9 58 76 / var(--tw-bg-opacity, 1));
3814-
}
3815-
38163811
.bg-\[\#0d0d0e\]{
38173812
--tw-bg-opacity: 1;
38183813
background-color: rgb(13 13 14 / var(--tw-bg-opacity, 1));
@@ -4073,6 +4068,11 @@ video {
40734068
background-color: rgb(41 46 50 / var(--tw-bg-opacity, 1));
40744069
}
40754070

4071+
.bg-\[\#2A2A30\]{
4072+
--tw-bg-opacity: 1;
4073+
background-color: rgb(42 42 48 / var(--tw-bg-opacity, 1));
4074+
}
4075+
40764076
.bg-\[\#2a2e30\]{
40774077
--tw-bg-opacity: 1;
40784078
background-color: rgb(42 46 48 / var(--tw-bg-opacity, 1));
@@ -4113,11 +4113,6 @@ video {
41134113
background-color: rgb(48 50 50 / var(--tw-bg-opacity, 1));
41144114
}
41154115

4116-
.bg-\[\#313136\]{
4117-
--tw-bg-opacity: 1;
4118-
background-color: rgb(49 49 54 / var(--tw-bg-opacity, 1));
4119-
}
4120-
41214116
.bg-\[\#32363A\]{
41224117
--tw-bg-opacity: 1;
41234118
background-color: rgb(50 54 58 / var(--tw-bg-opacity, 1));
@@ -4512,16 +4507,6 @@ video {
45124507
background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
45134508
}
45144509

4515-
.bg-neutral-700{
4516-
--tw-bg-opacity: 1;
4517-
background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
4518-
}
4519-
4520-
.bg-neutral-800{
4521-
--tw-bg-opacity: 1;
4522-
background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
4523-
}
4524-
45254510
.bg-opacity-50{
45264511
--tw-bg-opacity: 0.5;
45274512
}
@@ -4545,6 +4530,12 @@ video {
45454530
background-image: linear-gradient(to right, var(--tw-gradient-stops));
45464531
}
45474532

4533+
.from-\[\#1A1A20\]{
4534+
--tw-gradient-from: #1A1A20 var(--tw-gradient-from-position);
4535+
--tw-gradient-to: rgb(26 26 32 / 0) var(--tw-gradient-to-position);
4536+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
4537+
}
4538+
45484539
.from-\[\#1e1e1f\]{
45494540
--tw-gradient-from: #1e1e1f var(--tw-gradient-from-position);
45504541
--tw-gradient-to: rgb(30 30 31 / 0) var(--tw-gradient-to-position);
@@ -4577,6 +4568,10 @@ video {
45774568
--tw-gradient-stops: var(--tw-gradient-from), #d1d5db var(--tw-gradient-via-position), var(--tw-gradient-to);
45784569
}
45794570

4571+
.to-\[\#0D0D12\]{
4572+
--tw-gradient-to: #0D0D12 var(--tw-gradient-to-position);
4573+
}
4574+
45804575
.to-\[\#0b0b0b\]{
45814576
--tw-gradient-to: #0b0b0b var(--tw-gradient-to-position);
45824577
}
@@ -5313,6 +5308,11 @@ video {
53135308
color: rgb(234 179 8 / var(--tw-text-opacity, 1));
53145309
}
53155310

5311+
.text-emerald-500{
5312+
--tw-text-opacity: 1;
5313+
color: rgb(16 185 129 / var(--tw-text-opacity, 1));
5314+
}
5315+
53165316
.placeholder-gray-400\/70::-webkit-input-placeholder{
53175317
color: rgb(156 163 175 / 0.7);
53185318
}
@@ -6611,22 +6611,6 @@ html body {
66116611
opacity: 0.5;
66126612
}
66136613

6614-
.hs-tooltip.show .hs-tooltip-shown\:visible{
6615-
visibility: visible;
6616-
}
6617-
6618-
.hs-tooltip.show .hs-tooltip-shown\:opacity-100{
6619-
opacity: 1;
6620-
}
6621-
6622-
.hs-tooltip-content.show.hs-tooltip-shown\:visible{
6623-
visibility: visible;
6624-
}
6625-
6626-
.hs-tooltip-content.show.hs-tooltip-shown\:opacity-100{
6627-
opacity: 1;
6628-
}
6629-
66306614
.selected .hs-combo-box-selected\:block{
66316615
display: block;
66326616
}

‎launcher/src/components/UI/control-page/ControlScreen.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<base-layout>
3-
<div class="Control-screen w-full h-full grid grid-cols-24 grid-rows-12 items-center bg-[#313136]">
3+
<div class="Control-screen w-full h-full grid grid-cols-24 grid-rows-12 items-center bg-[#2A2A30]">
44
<ControlHeader />
55
<CommonSidebar />
66
<AlertSection @expert-handler="expertModeHandlerAlert" />

‎launcher/src/components/UI/control-page/components/cards/MiniCard.vue‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
<template>
2-
<div class="w-full h-full bg-gradient-to-br from-[#1e1e1f] to-[#0b0b0b] mx-h-[145px] shadow-sm shadow-[#161515] rounded-lg p-[2px]">
2+
<div
3+
class="w-full h-full bg-gradient-to-br from-[#1A1A20] to-[#0D0D12] border border-[#ffffff16] mx-h-[145px] shadow-sm shadow-[#161515] rounded-lg p-[2px]"
4+
>
35
<slot></slot>
46
</div>
57
</template>

‎launcher/src/components/UI/control-page/components/cards/ThinCard.vue‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
<template>
2-
<div class="w-full h-full bg-gradient-to-br from-[#1e1e1f] to-[#0b0b0b] mx-h-[145px] shadow-sm shadow-[#2a2929] rounded-md p-[2px]">
2+
<div
3+
class="w-full h-full bg-gradient-to-br from-[#1A1A20] to-[#0D0D12] border border-[#ffffff16] mx-h-[145px] shadow-sm shadow-[#2a2929] rounded-md p-[2px]"
4+
>
35
<slot></slot>
46
</div>
57
</template>

‎launcher/src/components/UI/control-page/components/cards/WidgetCard.vue‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
<template>
2-
<div class="w-full h-full bg-gradient-to-br from-[#1e1e1f] to-[#0b0b0b] mx-h-[145px] shadow-sm shadow-[#161515] rounded-lg p-[2px]">
2+
<div
3+
class="w-full h-full bg-gradient-to-br from-[#1A1A20] to-[#0D0D12] border border-[#ffffff16] mx-h-[145px] shadow-sm shadow-[#161515] rounded-lg p-[2px]"
4+
>
35
<slot></slot>
46
</div>
57
</template>

‎launcher/src/components/UI/control-page/components/widgets/ConnectedClientPair.vue‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,14 @@
66
<span class="w-1/2 h-full flex justify-start items-center text-gray-200 font-semibold uppercase text-2xs"> CONSENSUS CLIENT </span>
77
<div class="icon-bar h-full w-6 flex justify-center items-center">
88
<img
9+
v-if="setupStore.relatedValidatorPairs?.pairs[0]?.consensusService.icon"
910
class="w-5 h-5"
1011
:src="setupStore.relatedValidatorPairs?.pairs[0]?.consensusService.icon || '/path/to/default-icon.png'"
1112
alt=""
1213
/>
1314
</div>
1415
<span class="client-name w-24 text-gray-200 uppercase text-[50%] flex justify-start items-center pl-2">
15-
{{ setupStore.relatedValidatorPairs?.pairs[0]?.consensusService.name || "Unknown Consensus Client" }}
16+
{{ setupStore.relatedValidatorPairs?.pairs[0]?.consensusService.name || "No Client" }}
1617
</span>
1718
</div>
1819

@@ -21,13 +22,14 @@
2122
<span class="w-1/2 h-full flex justify-start items-center text-gray-200 font-semibold uppercase text-2xs"> EXECUTION CLIENT </span>
2223
<div class="icon-bar h-full w-6 flex justify-center items-center">
2324
<img
25+
v-if="setupStore.relatedValidatorPairs?.pairs[0]?.executionService.icon"
2426
class="w-5 h-5"
2527
:src="setupStore.relatedValidatorPairs?.pairs[0]?.executionService.icon || '/path/to/default-icon.png'"
2628
alt=""
2729
/>
2830
</div>
2931
<span class="client-name w-24 text-gray-200 uppercase text-[50%] flex justify-start items-center pl-2">
30-
{{ setupStore.relatedValidatorPairs?.pairs[0]?.executionService.name || "Unknown Execution Client" }}
32+
{{ setupStore.relatedValidatorPairs?.pairs[0]?.executionService.name || "No Client" }}
3133
</span>
3234
</div>
3335
</div>

‎launcher/src/components/UI/control-page/components/widgets/VolumeWidget.vue‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -41,25 +41,25 @@
4141
</div>
4242
</template>
4343

44-
<div v-else class="hdd-services w-full h-3/4 flex pt-1 pb-1">
45-
<div class="write-read-box h-full w-2/5 flex justify-start items-center text-[50%] border-r-2 border-gray-600">
44+
<div v-else class="hdd-services w-full h-3/4 flex pt-1 pb-1 overflow-hidden">
45+
<div class="write-read-box h-full w-1/2 flex justify-start items-center text-[50%]">
4646
<div class="ttl-box w-1/4 h-full flex flex-col justify-center items-center mr-1">
4747
<div class="title w-full text-[7px] h-1/2 flex justify-start items-center text-gray-200 uppercase mr-1">
4848
<span>write</span>
4949
</div>
5050
<div class="title w-full text-[7px] h-1/2 flex justify-center items-center text-gray-200 uppercase">read</div>
5151
</div>
52-
<div class="val-box w-3/4 h-full flex flex-col text-xs justify-center font-semibold items-center">
52+
<div class="val-box w-3/4 h-full flex flex-col text-xs justify-center items-center">
5353
<div
54-
class="title w-full h-1/2 flex justify-center items-center text-orange-500 uppercase"
54+
class="title w-full h-1/2 flex justify-center items-center text-2xs font-medium text-orange-500"
5555
@mouseenter="footerStore.cursorLocation = `Write: ${convertWriteValueToMb} MB`"
5656
@mouseleave="footerStore.cursorLocation = ''"
5757
>
5858
{{ convertWriteValueToMb }}
5959
MB
6060
</div>
6161
<div
62-
class="title w-full h-1/2 flex justify-center items-center text-teal-700 uppercase"
62+
class="title w-full h-1/2 flex justify-center items-center text-2xs font-medium text-emerald-500 uppercase"
6363
@mouseenter="
6464
footerStore.cursorLocation = `Read: ${convertReadValueToMb} MB
6565
`
@@ -71,16 +71,16 @@
7171
</div>
7272
</div>
7373
</div>
74-
<div class="storage-box flex h-full w-3/5 flex-col pl-1">
74+
<div class="storage-box flex h-full w-1/2 flex-col ml-1">
7575
<div
76-
class="used-storage h-1/2 w-full text-xs flex justify-start items-center text-green-500"
76+
class="used-storage h-1/2 w-full text-2xs flex justify-start items-center text-emerald-500"
7777
@mouseenter="footerStore.cursorLocation = `${availDisk} GB ${t('controlPage.free')}`"
7878
@mouseleave="footerStore.cursorLocation = ''"
7979
>
8080
{{ availDisk }} GB {{ t("controlPage.free") }}
8181
</div>
8282
<div
83-
class="total-storage h-1/2 w-full text-xs text-gray-300 flex justify-start items-center"
83+
class="total-storage h-1/2 w-full text-2xs font-normal text-gray-300 flex justify-start items-center"
8484
@mouseenter="footerStore.cursorLocation = `${totalDisk} GB ${t('controlPage.total')}`"
8585
@mouseleave="footerStore.cursorLocation = ''"
8686
>

‎launcher/src/components/UI/import-config/components/ImportingSyncing.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,7 @@ export default {
9292
},
9393
filterServices() {
9494
this.executionClient = this.configServices.filter((service) => service.category === "execution")[0];
95+
9596
this.consensusClient = this.configServices.filter((service) => service.category === "consensus")[0];
9697
},
9798
},

0 commit comments

Comments
 (0)