diff --git a/launcher/public/img/icon/one-click-icons/preset-icons/vconly.png b/launcher/public/img/icon/one-click-icons/preset-icons/vconly.png new file mode 100644 index 0000000000..3ae50a701c Binary files /dev/null and b/launcher/public/img/icon/one-click-icons/preset-icons/vconly.png differ diff --git a/launcher/public/output.css b/launcher/public/output.css index 313b560c78..0f3446fd17 100755 --- a/launcher/public/output.css +++ b/launcher/public/output.css @@ -843,10 +843,6 @@ video { inset-inline-end: 0.25rem; } -.end-2{ - inset-inline-end: 0.5rem; -} - .left-0{ left: 0px; } @@ -999,10 +995,6 @@ video { top: 7rem; } -.left-2{ - left: 0.5rem; -} - .z-0{ z-index: 0; } @@ -1091,6 +1083,10 @@ video { grid-column-start: 14; } +.col-start-16{ + grid-column-start: 16; +} + .col-start-17{ grid-column-start: 17; } @@ -1155,10 +1151,6 @@ video { grid-column-start: 9; } -.col-start-16{ - grid-column-start: 16; -} - .col-end-10{ grid-column-end: 10; } @@ -1430,11 +1422,6 @@ video { margin-right: auto; } -.my-4{ - margin-top: 1rem; - margin-bottom: 1rem; -} - .my-auto{ margin-top: auto; margin-bottom: auto; @@ -1460,10 +1447,6 @@ video { margin-bottom: 0.75rem; } -.mb-4{ - margin-bottom: 1rem; -} - .mb-\[1px\]{ margin-bottom: 1px; } @@ -1552,6 +1535,10 @@ video { margin-top: 1rem; } +.mt-40{ + margin-top: 10rem; +} + .mt-5{ margin-top: 1.25rem; } @@ -1568,14 +1555,6 @@ video { margin-top: 9.5rem; } -.mt-40{ - margin-top: 10rem; -} - -.-mr-1{ - margin-right: -0.25rem; -} - .box-border{ -webkit-box-sizing: border-box; box-sizing: border-box; @@ -1633,6 +1612,10 @@ video { height: 33.333333%; } +.h-1\/6{ + height: 16.666667%; +} + .h-10{ height: 2.5rem; } @@ -1677,6 +1660,10 @@ video { height: 75%; } +.h-3\/6{ + height: 50%; +} + .h-32{ height: 8rem; } @@ -1761,10 +1748,6 @@ video { height: 210px; } -.h-\[240px\]{ - height: 240px; -} - .h-\[250px\]{ height: 250px; } @@ -1797,10 +1780,6 @@ video { height: 34px; } -.h-\[35px\]{ - height: 35px; -} - .h-\[36px\]{ height: 36px; } @@ -1887,14 +1866,6 @@ video { height: 100vh; } -.h-1\/6{ - height: 16.666667%; -} - -.h-3\/6{ - height: 50%; -} - .max-h-10{ max-height: 2.5rem; } @@ -1967,10 +1938,6 @@ video { max-height: 185px; } -.max-h-\[190px\]{ - max-height: 190px; -} - .max-h-\[200px\]{ max-height: 200px; } @@ -2147,6 +2114,10 @@ video { width: 66.666667%; } +.w-2\/4{ + width: 50%; +} + .w-20{ width: 5rem; } @@ -2227,6 +2198,10 @@ video { width: 15rem; } +.w-64{ + width: 16rem; +} + .w-7{ width: 1.75rem; } @@ -2283,10 +2258,6 @@ video { width: 15px; } -.w-\[170px\]{ - width: 170px; -} - .w-\[178px\]{ width: 178px; } @@ -2391,14 +2362,6 @@ video { width: 100vw; } -.w-2\/4{ - width: 50%; -} - -.w-64{ - width: 16rem; -} - .min-w-\[100px\]{ min-width: 100px; } @@ -2872,12 +2835,6 @@ video { row-gap: 1.25rem; } -.gap-x-1\.5{ - -webkit-column-gap: 0.375rem; - -moz-column-gap: 0.375rem; - column-gap: 0.375rem; -} - .space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); @@ -2978,6 +2935,11 @@ video { border-color: rgb(156 163 175 / var(--tw-divide-opacity)); } +.divide-gray-500 > :not([hidden]) ~ :not([hidden]){ + --tw-divide-opacity: 1; + border-color: rgb(107 114 128 / var(--tw-divide-opacity)); +} + .divide-gray-600 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(75 85 99 / var(--tw-divide-opacity)); @@ -2988,16 +2950,6 @@ video { border-color: rgb(55 65 81 / var(--tw-divide-opacity)); } -.divide-gray-100 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-divide-opacity)); -} - -.divide-gray-500 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1; - border-color: rgb(107 114 128 / var(--tw-divide-opacity)); -} - .self-start{ -ms-flex-item-align: start; align-self: flex-start; @@ -3033,10 +2985,6 @@ video { overflow: hidden; } -.overflow-x-auto{ - overflow-x: auto; -} - .overflow-y-auto{ overflow-y: auto; } @@ -3049,10 +2997,6 @@ video { overflow-y: hidden; } -.overflow-x-clip{ - overflow-x: clip; -} - .overflow-x-scroll{ overflow-x: scroll; } @@ -3488,21 +3432,11 @@ video { border-bottom-color: transparent; } -.border-b-white{ - --tw-border-opacity: 1; - border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); -} - .border-l-gray-200{ --tw-border-opacity: 1; border-left-color: rgb(229 231 235 / var(--tw-border-opacity)); } -.border-l-red-500{ - --tw-border-opacity: 1; - border-left-color: rgb(239 68 68 / var(--tw-border-opacity)); -} - .border-r-\[\#264744\]{ --tw-border-opacity: 1; border-right-color: rgb(38 71 68 / var(--tw-border-opacity)); @@ -3552,11 +3486,6 @@ video { background-color: rgb(13 13 14 / var(--tw-bg-opacity)); } -.bg-\[\#101111\]{ - --tw-bg-opacity: 1; - background-color: rgb(16 17 17 / var(--tw-bg-opacity)); -} - .bg-\[\#111213\]{ --tw-bg-opacity: 1; background-color: rgb(17 18 19 / var(--tw-bg-opacity)); @@ -3947,6 +3876,11 @@ video { background-color: rgb(96 152 121 / var(--tw-bg-opacity)); } +.bg-\[\#70E763\]{ + --tw-bg-opacity: 1; + background-color: rgb(112 231 99 / var(--tw-bg-opacity)); +} + .bg-\[\#A0A0A0\]{ --tw-bg-opacity: 1; background-color: rgb(160 160 160 / var(--tw-bg-opacity)); @@ -3957,6 +3891,11 @@ video { background-color: rgb(209 187 158 / var(--tw-bg-opacity)); } +.bg-\[\#EB5353\]{ + --tw-bg-opacity: 1; + background-color: rgb(235 83 83 / var(--tw-bg-opacity)); +} + .bg-\[\#F7C566\]{ --tw-bg-opacity: 1; background-color: rgb(247 197 102 / var(--tw-bg-opacity)); @@ -4201,31 +4140,11 @@ video { background-color: rgb(250 204 21 / var(--tw-bg-opacity)); } -.bg-zinc-200{ - --tw-bg-opacity: 1; - background-color: rgb(228 228 231 / var(--tw-bg-opacity)); -} - -.bg-zinc-400{ - --tw-bg-opacity: 1; - background-color: rgb(161 161 170 / var(--tw-bg-opacity)); -} - .bg-zinc-700{ --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity)); } -.bg-\[\#70E763\]{ - --tw-bg-opacity: 1; - background-color: rgb(112 231 99 / var(--tw-bg-opacity)); -} - -.bg-\[\#EB5353\]{ - --tw-bg-opacity: 1; - background-color: rgb(235 83 83 / var(--tw-bg-opacity)); -} - .bg-opacity-80{ --tw-bg-opacity: 0.8; } @@ -4497,10 +4416,6 @@ video { text-align: center; } -.text-right{ - text-align: right; -} - .indent-0{ text-indent: 0px; } @@ -4586,11 +4501,6 @@ video { line-height: 1.25rem; } -.text-sm\/none{ - font-size: 0.875rem; - line-height: 1; -} - .text-xl{ font-size: 1.25rem; line-height: 1.75rem; @@ -4865,11 +4775,6 @@ video { color: rgb(255 255 255 / var(--tw-text-opacity)); } -.text-yellow-300{ - --tw-text-opacity: 1; - color: rgb(253 224 71 / var(--tw-text-opacity)); -} - .text-yellow-400{ --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity)); @@ -5044,11 +4949,6 @@ video { --tw-shadow: var(--tw-shadow-colored); } -.shadow-\[\#101111\]{ - --tw-shadow-color: #101111; - --tw-shadow: var(--tw-shadow-colored); -} - .shadow-\[\#111010\]{ --tw-shadow-color: #111010; --tw-shadow: var(--tw-shadow-colored); @@ -5124,11 +5024,6 @@ video { --tw-shadow: var(--tw-shadow-colored); } -.shadow-gray-700{ - --tw-shadow-color: #374151; - --tw-shadow: var(--tw-shadow-colored); -} - .shadow-gray-800{ --tw-shadow-color: #1f2937; --tw-shadow: var(--tw-shadow-colored); @@ -5163,20 +5058,11 @@ video { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.ring-inset{ - --tw-ring-inset: inset; -} - .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); } -.ring-gray-300{ - --tw-ring-opacity: 1; - --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); -} - .ring-opacity-5{ --tw-ring-opacity: 0.05; } @@ -5272,11 +5158,6 @@ video { transition-duration: 500ms; } -.duration-75{ - -webkit-transition-duration: 75ms; - transition-duration: 75ms; -} - .ease-in{ -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); @@ -5772,21 +5653,11 @@ html body { background-color: rgb(60 67 74 / var(--tw-bg-opacity)); } -.hover\:bg-\[\#407d7d\]:hover{ - --tw-bg-opacity: 1; - background-color: rgb(64 125 125 / var(--tw-bg-opacity)); -} - .hover\:bg-\[\#447a75\]:hover{ --tw-bg-opacity: 1; background-color: rgb(68 122 117 / var(--tw-bg-opacity)); } -.hover\:bg-\[\#488d8d\]:hover{ - --tw-bg-opacity: 1; - background-color: rgb(72 141 141 / var(--tw-bg-opacity)); -} - .hover\:bg-\[\#4c7960\]:hover{ --tw-bg-opacity: 1; background-color: rgb(76 121 96 / var(--tw-bg-opacity)); @@ -5917,11 +5788,6 @@ html body { background-color: rgb(4 47 46 / var(--tw-bg-opacity)); } -.hover\:bg-gray-50:hover{ - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - .hover\:bg-opacity-10:hover{ --tw-bg-opacity: 0.1; } diff --git a/launcher/src/components/UI/one-click/OneclickScreen.vue b/launcher/src/components/UI/one-click/OneclickScreen.vue index 97f8f0e0ce..84df7b7d49 100644 --- a/launcher/src/components/UI/one-click/OneclickScreen.vue +++ b/launcher/src/components/UI/one-click/OneclickScreen.vue @@ -10,6 +10,7 @@ import ConfigPlugins from "./sections/ConfigPlugins.vue"; import MevboostRelays from "./sections/MevboostRelays.vue"; import SelectSync from "./sections/SelectSync.vue"; import VerifyCheck from "./sections/VerifyCheck.vue"; +import OnlySource from "./sections/OnlySource.vue"; import AnimationSection from "./sections/AnimationSection.vue"; import { computed } from "vue"; import { useRouter } from "vue-router"; @@ -25,6 +26,11 @@ const components = [ path: "/oneClick/config", component: ConfigPlugins, }, + { + path: "/oneClick/source", + component: OnlySource, + }, + { path: "/oneClick/mevboost", component: MevboostRelays, diff --git a/launcher/src/components/UI/one-click/components/plugin/ConfigBody.vue b/launcher/src/components/UI/one-click/components/plugin/ConfigBody.vue index 207ee627fe..eae5357035 100644 --- a/launcher/src/components/UI/one-click/components/plugin/ConfigBody.vue +++ b/launcher/src/components/UI/one-click/components/plugin/ConfigBody.vue @@ -1,23 +1,41 @@ import { ref, computed, onMounted, watch } from 'vue';