hermes/meshtastic-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update style and wording of browser support for connection types

Browse Source
This commit is contained in:
Hunter275
2025-03-13 01:29:03 -04:00
parent 6a438470cf
commit db2cb8cb42
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Dialog/NewDeviceDialog.tsx
+6 -6
View File
@@ -52,7 +52,7 @@ const links: { [key: string]: string } = {
const listFormatter = new Intl.ListFormat("en", { const listFormatter = new Intl.ListFormat("en", {
style: "long", style: "long",
type: "conjunction", type: "disjunction",
}); });
const ErrorMessage = ({ missingFeatures }: FeatureErrorProps) => { const ErrorMessage = ({ missingFeatures }: FeatureErrorProps) => {
@@ -78,16 +78,16 @@ const ErrorMessage = ({ missingFeatures }: FeatureErrorProps) => {
}; };
return ( return (
<Subtle className="flex flex-col items-start gap-2 text-slate-900 bg-red-200/80 p-4 rounded-md"> <Subtle className="flex flex-col items-start gap-2 bg-red-500 p-4 rounded-md">
<div className="flex items-center gap-2 w-full"> <div className="flex items-center gap-2 w-full">
<AlertCircle size={40} className="mr-2 shrink-0" /> <AlertCircle size={40} className="mr-2 shrink-0 text-white" />
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
<p className="text-sm"> <p className="text-sm text-white">
{browserFeatures.length > 0 && ( {browserFeatures.length > 0 && (
<> <>
This application requires{" "} This connection type requires{" "}
{formatFeatureList(browserFeatures)}. Please use a {formatFeatureList(browserFeatures)}. Please use a
Chromium-based browser like Chrome or Edge. supported browser, like Chrome or Edge.
</> </>
)} )}
{needsSecureContext && ( {needsSecureContext && (