FIX: mevboost (#1550)

stereum-dev · Nov 8, 2023 · b2de63d · b2de63d
1 parent 58b4cf8
commit b2de63d
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 54 deletions.
diff --git a/launcher/public/output.css b/launcher/public/output.css
@@ -981,6 +981,10 @@ video {
   grid-column-start: 2;
 }
 
+.col-start-20{
+  grid-column-start: 20;
+}
+
 .col-start-21{
   grid-column-start: 21;
 }
@@ -1077,6 +1081,10 @@ video {
   grid-column-end: 7;
 }
 
+.col-end-8{
+  grid-column-end: 8;
+}
+
 .row-span-1{
   grid-row: span 1 / span 1;
 }
@@ -1085,6 +1093,10 @@ video {
   grid-row: span 2 / span 2;
 }
 
+.row-span-3{
+  grid-row: span 3 / span 3;
+}
+
 .row-span-4{
   grid-row: span 4 / span 4;
 }
@@ -1137,6 +1149,10 @@ video {
   grid-row-start: 7;
 }
 
+.row-start-9{
+  grid-row-start: 9;
+}
+
 .row-end-11{
   grid-row-end: 11;
 }
@@ -1169,6 +1185,10 @@ video {
   grid-row-end: 7;
 }
 
+.row-end-9{
+  grid-row-end: 9;
+}
+
 .-m-1{
   margin: -0.25rem;
 }
@@ -1523,6 +1543,10 @@ video {
   max-height: 150px;
 }
 
+.max-h-\[165px\]{
+  max-height: 165px;
+}
+
 .max-h-\[170px\]{
   max-height: 170px;
 }
@@ -1848,50 +1872,8 @@ video {
           transform-origin: top right;
 }
 
-.-translate-y-2{
-  --tw-translate-y: -0.5rem;
-  -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));
-          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));
-}
-
-.-translate-y-10{
-  --tw-translate-y: -2.5rem;
-  -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));
-          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));
-}
-
-.translate-y-10{
-  --tw-translate-y: 2.5rem;
-  -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));
-          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));
-}
-
-.-translate-y-4{
-  --tw-translate-y: -1rem;
-  -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));
-          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));
-}
-
-.-translate-y-1{
-  --tw-translate-y: -0.25rem;
-  -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));
-          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));
-}
-
-.-translate-y-0{
-  --tw-translate-y: -0px;
-  -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));
-          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));
-}
-
-.translate-y-0{
-  --tw-translate-y: 0px;
-  -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));
-          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));
-}
-
-.translate-y-4{
-  --tw-translate-y: 1rem;
+.-rotate-90{
+  --tw-rotate: -90deg;
   -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));
           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));
 }
@@ -2040,6 +2022,10 @@ video {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
+.grid-cols-4{
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
 .grid-cols-5{
   grid-template-columns: repeat(5, minmax(0, 1fr));
 }
@@ -2048,6 +2034,10 @@ video {
   grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 
+.grid-cols-7{
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+
 .grid-cols-9{
   grid-template-columns: repeat(9, minmax(0, 1fr));
 }
@@ -2168,6 +2158,12 @@ video {
   gap: 1.25rem;
 }
 
+.gap-x-1{
+  -webkit-column-gap: 0.25rem;
+     -moz-column-gap: 0.25rem;
+          column-gap: 0.25rem;
+}
+
 .gap-y-1{
   row-gap: 0.25rem;
 }
@@ -2459,6 +2455,10 @@ video {
   border-bottom-width: 1px;
 }
 
+.border-b-2{
+  border-bottom-width: 2px;
+}
+
 .border-l{
   border-left-width: 1px;
 }
@@ -2781,6 +2781,11 @@ video {
   background-color: rgb(51 57 62 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#334B3F\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 75 63 / var(--tw-bg-opacity));
+}
+
 .bg-\[\#334d4d\]{
   --tw-bg-opacity: 1;
   background-color: rgb(51 77 77 / var(--tw-bg-opacity));
@@ -2975,6 +2980,11 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-zinc-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
+}
+
 .bg-gradient-to-b{
   background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
@@ -3188,6 +3198,10 @@ video {
   font-size: 10px;
 }
 
+.text-\[11px\]{
+  font-size: 11px;
+}
+
 .text-\[12px\]{
   font-size: 12px;
 }
@@ -3278,6 +3292,11 @@ video {
   color: rgb(75 135 141 / var(--tw-text-opacity));
 }
 
+.text-amber-300{
+  --tw-text-opacity: 1;
+  color: rgb(252 211 77 / var(--tw-text-opacity));
+}
+
 .text-amber-400{
   --tw-text-opacity: 1;
   color: rgb(251 191 36 / var(--tw-text-opacity));
@@ -3363,6 +3382,11 @@ video {
   color: rgb(34 197 94 / var(--tw-text-opacity));
 }
 
+.text-green-600{
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity));
+}
+
 .text-green-700{
   --tw-text-opacity: 1;
   color: rgb(21 128 61 / var(--tw-text-opacity));
@@ -3674,15 +3698,6 @@ video {
           transition-duration: 150ms;
 }
 
-.transition-opacity{
-  -webkit-transition-property: opacity;
-  transition-property: opacity;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-          transition-duration: 150ms;
-}
-
 .delay-100{
   -webkit-transition-delay: 100ms;
           transition-delay: 100ms;

diff --git a/launcher/src/components/UI/one-click/components/mevboost/AvailableRelays.vue b/launcher/src/components/UI/one-click/components/mevboost/AvailableRelays.vue
@@ -10,7 +10,7 @@
       @click="addItem(item)"
       @dblclick="doubleClick(item)"
     >
-      <img class="w-8 mr-2" :src="item.icon" alt="Client Icon" />
+      <img class="w-6 mr-2" :src="item?.icon" alt="Client Icon" />
       <div class="w-full flex flex-col justify-center items-start">
         <span class="text-sm text-gray-300 font-semibold">{{ item.name }}</span>
       </div>