From b2de63d5e0385ba5b2b3618df1416bbcac87034b Mon Sep 17 00:00:00 2001 From: Max Behzadi <69126271+MaxTheGeeek@users.noreply.github.com> Date: Wed, 8 Nov 2023 13:49:07 +0100 Subject: [PATCH] FIX: mevboost (#1550) --- launcher/public/output.css | 121 ++++++++++-------- .../components/mevboost/AvailableRelays.vue | 2 +- 2 files changed, 69 insertions(+), 54 deletions(-) diff --git a/launcher/public/output.css b/launcher/public/output.css index 28d3b68d7..01553ec2c 100755 --- 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 index c17f394c4..ea11c7222 100644 --- 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)" > - Client Icon + Client Icon
{{ item.name }}