update: in the app, add missing favicons and use dynamic title (#508)
* update: adds multiple favicon options to the app * update: uses the current workbook name in as page title * update: replace favicons in assets
Daniel González-Albo
GitHub
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 8.1 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 441 B After Width: | Height: | Size: 538 B |
|
Before Width: | Height: | Size: 729 B After Width: | Height: | Size: 1019 B |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
BIN
assets/logo.png
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 18 KiB |
@@ -2,7 +2,12 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/ironcalc.svg" />
|
<link rel="icon" type="image/x-icon" href="/favicon.ico?v=1" />
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=1" />
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=1" />
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=1" />
|
||||||
|
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png?v=1" />
|
||||||
|
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png?v=1" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<!-- <meta name="theme-color" content="#1bb566"> -->
|
<!-- <meta name="theme-color" content="#1bb566"> -->
|
||||||
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#F2994A" />
|
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#F2994A" />
|
||||||
|
|||||||
@@ -75,6 +75,16 @@ function App() {
|
|||||||
start();
|
start();
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
// biome-ignore lint/correctness/useExhaustiveDependencies: localStorageId needed to detect name changes (model mutates internally)
|
||||||
|
useEffect(() => {
|
||||||
|
if (model) {
|
||||||
|
const workbookName = model.getName();
|
||||||
|
document.title = workbookName ? `${workbookName} - IronCalc` : "IronCalc";
|
||||||
|
} else {
|
||||||
|
document.title = "IronCalc";
|
||||||
|
}
|
||||||
|
}, [model, localStorageId]);
|
||||||
|
|
||||||
if (!model) {
|
if (!model) {
|
||||||
return (
|
return (
|
||||||
<Loading>
|
<Loading>
|
||||||
|
|||||||