diff --git a/public/tailwind.css b/public/tailwind.css index 9fcf0ec8..480c250f 100644 --- a/public/tailwind.css +++ b/public/tailwind.css @@ -760,6 +760,18 @@ 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; } diff --git a/src/components/miner_toolbar/miner_toolbar_active.rs b/src/components/miner_toolbar/miner_toolbar_active.rs index dfcf49bd..0a3febba 100644 --- a/src/components/miner_toolbar/miner_toolbar_active.rs +++ b/src/components/miner_toolbar/miner_toolbar_active.rs @@ -2,7 +2,9 @@ use dioxus::prelude::*; use dioxus_router::prelude::Link; use crate::{ - components::{ActivityIndicator, IsToolbarOpen, MinerDisplayHash, Spinner, StopButton}, + components::{ + ActivityIndicator, IsToolbarOpen, MinerDisplayHash, Spinner, StopButton, WarningIcon, + }, hooks::{use_power_level, use_priority_fee, PowerLevel, PriorityFee}, metrics::{track, AppEvent}, miner::Miner, @@ -236,9 +238,12 @@ fn DownloadLink(cx: Scope) -> Element { render! { div { class: "flex flex-row gap-2 mt-8", + WarningIcon { + class: "w-4 h-4 mt-2 shrink-0" + } p { class: "text-sm my-auto", - "You are mining from a web browser. To avoid background throttling, " + "You are mining from a web browser which can lead to inconsistent results when this tab moves into the background. For better performance, " Link { to: Route::Download {}, class: "font-medium underline",