This commit is contained in:
parent
4f6623efe9
commit
3485d865e8
4 changed files with 5 additions and 5 deletions
|
@ -5,7 +5,7 @@ export default () => {
|
||||||
<h6 class="display-4">Hello, {localStorage.getItem("name")}.</h6>
|
<h6 class="display-4">Hello, {localStorage.getItem("name")}.</h6>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<form role="search" action={localStorage.getItem("searchEngine") || ""} method="get">
|
<form action={localStorage.getItem("searchEngine") || ""} method="get">
|
||||||
<input class="form-control me-2" type="search" placeholder={`Search with ${localStorage.getItem("searchEngineName")}`} aria-label="Search with Google" name="q" />
|
<input class="form-control me-2" type="search" placeholder={`Search with ${localStorage.getItem("searchEngineName")}`} aria-label="Search with Google" name="q" />
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -17,7 +17,7 @@ export default () => {
|
||||||
<div class="navbar-brand">
|
<div class="navbar-brand">
|
||||||
{wttrDesc}
|
{wttrDesc}
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex hstack gap-2" role="search">
|
<div class="d-flex hstack gap-2">
|
||||||
<button type="button" class="btn btn-outline-light btn-sm" onClick={history.back}><ChevronLeft size={20} /></button>
|
<button type="button" class="btn btn-outline-light btn-sm" onClick={history.back}><ChevronLeft size={20} /></button>
|
||||||
<button type="button" class="btn btn-outline-light btn-sm" onClick={history.forward}><ChevronRight size={20} /></button>
|
<button type="button" class="btn btn-outline-light btn-sm" onClick={history.forward}><ChevronRight size={20} /></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
const dataset = document.getElementById("html")?.dataset!;
|
const dataset = document.documentElement.dataset;
|
||||||
|
|
||||||
export default () => {
|
export default () => {
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -5,7 +5,7 @@ import 'halfmoon/css/cores/halfmoon.modern.css';
|
||||||
import 'halfmoon/css/cores/halfmoon.elegant.css';
|
import 'halfmoon/css/cores/halfmoon.elegant.css';
|
||||||
import App from './components/app.tsx'
|
import App from './components/app.tsx'
|
||||||
|
|
||||||
const dataset = document.getElementById("html")?.dataset!;
|
const dataset = document.documentElement.dataset;
|
||||||
|
|
||||||
const colorScheme = localStorage.getItem("colorScheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") || "auto";
|
const colorScheme = localStorage.getItem("colorScheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") || "auto";
|
||||||
if (colorScheme === "auto") {
|
if (colorScheme === "auto") {
|
||||||
|
@ -24,4 +24,4 @@ fetch(`https://wttr.in/${localStorage.getItem("location") || ""}?format=%c`)
|
||||||
favicon.href = `data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>${emoji.trim()}</text></svg>`
|
favicon.href = `data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>${emoji.trim()}</text></svg>`
|
||||||
})
|
})
|
||||||
|
|
||||||
render(<App />, document.getElementById('app')!)
|
render(<App />, document.getElementById('app') as HTMLElement || document.body)
|
||||||
|
|
Loading…
Add table
Reference in a new issue