browser warning

regolith-labs · Mar 28, 2024 · d36d7e0 · d36d7e0
1 parent f1e1041
commit d36d7e0
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 35 deletions.
diff --git a/public/tailwind.css b/public/tailwind.css
@@ -748,6 +748,10 @@ h2:where(.dark, .dark *) {
   margin-right: auto;
 }
 
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
 .mt-4 {
   margin-top: 1rem;
 }
@@ -760,18 +764,6 @@ h2:where(.dark, .dark *) {
   margin-top: auto;
 }
 
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mt-3 {
-  margin-top: 0.75rem;
-}
-
 .flex {
   display: flex;
 }
@@ -796,6 +788,10 @@ h2:where(.dark, .dark *) {
   height: 2.5rem;
 }
 
+.h-12 {
+  height: 3rem;
+}
+
 .h-16 {
   height: 4rem;
 }
@@ -852,11 +848,6 @@ h2:where(.dark, .dark *) {
   height: 2rem;
 }
 
-.h-fit {
-  height: -moz-fit-content;
-  height: fit-content;
-}
-
 .h-full {
   height: 100%;
 }
@@ -870,10 +861,6 @@ h2:where(.dark, .dark *) {
   height: 100vh;
 }
 
-.h-12 {
-  height: 3rem;
-}
-
 .max-h-\[80vh\] {
   max-height: 80vh;
 }
@@ -894,6 +881,10 @@ h2:where(.dark, .dark *) {
   width: 2.5rem;
 }
 
+.w-12 {
+  width: 3rem;
+}
+
 .w-16 {
   width: 4rem;
 }
@@ -951,14 +942,6 @@ h2:where(.dark, .dark *) {
   width: 100vw;
 }
 
-.w-8 {
-  width: 2rem;
-}
-
-.w-12 {
-  width: 3rem;
-}
-
 .max-w-3xl {
   max-width: 48rem;
 }
@@ -1214,9 +1197,14 @@ h2:where(.dark, .dark *) {
   background-color: rgb(214 214 216 / var(--tw-bg-opacity));
 }
 
+.bg-green-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(94 220 167 / var(--tw-bg-opacity));
+}
+
 .bg-green-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(10 207 134 / var(--tw-bg-opacity));
+  background-color: rgb(21 209 128 / var(--tw-bg-opacity));
 }
 
 .bg-red-500 {
@@ -1254,6 +1242,10 @@ h2:where(.dark, .dark *) {
   padding: 1.5rem;
 }
 
+.p-8 {
+  padding: 2rem;
+}
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1791,7 +1783,7 @@ h2:where(.dark, .dark *) {
 
 .hover\:text-green-500:hover {
   --tw-text-opacity: 1;
-  color: rgb(10 207 134 / var(--tw-text-opacity));
+  color: rgb(21 209 128 / var(--tw-text-opacity));
 }
 
 .hover\:underline:hover {

diff --git a/src/components/miner_toolbar/miner_toolbar_active.rs b/src/components/miner_toolbar/miner_toolbar_active.rs
@@ -237,13 +237,13 @@ fn DownloadLink(cx: Scope) -> Element {
     if cfg!(feature = "web") {
         render! {
             div {
-                class: "flex flex-row gap-2 mt-8",
+                class: "flex flex-row gap-2 mt-8 p-8 rounded bg-green-400",
                 WarningIcon {
                     class: "w-4 h-4 mt-1 shrink-0"
                 }
                 p {
                     class: "text-sm my-auto",
-                    "You are mining from a web browser which can lead to inconsistent results when this tab moves into the background. For better performance, "
+                    "You are mining from a web browser. This can throttle your performance and lead to inconsistent results. To get the most out of your machine, "
                     Link {
                         to: Route::Download {},
                         class: "font-medium underline",

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -17,8 +17,9 @@ module.exports = {
       black: '#1d1d1f',
       green: {
         // 500: '#00cc8a',
-        // 500: '#15d180',
-        500: '#0acf86',
+        // 500: '#0acf86',
+        400: '#5EDCA7',
+        500: '#15d180',
         600: '#00b87c',
         700: '#00a36e',
       },