New favicon

toaq · May 10, 2024 · 079133e · 079133e
1 parent 8084146
commit 079133e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/web/App.css b/src/web/App.css
@@ -62,6 +62,11 @@ h1 {
 	background: hsla(220deg, 90%, 70%);
 	width: 100%;
 	padding: 0px 16px;
+	align-items: center;
+}
+
+.kuna header img {
+	filter: brightness(0%) invert();
 }
 
 .kuna header {
@@ -70,7 +75,7 @@ h1 {
 
 .kuna header h1 {
 	font-size: inherit;
-	color: #000;
+	color: #fff;
 }
 
 .kuna a {
@@ -81,7 +86,7 @@ h1 {
 .kuna header a,
 .kuna header button {
 	display: inline-block;
-	padding: 0px 6px;
+	padding: 4px 6px;
 	background: none;
 	cursor: pointer;
 	border: none;

diff --git a/src/web/App.tsx b/src/web/App.tsx
@@ -10,7 +10,8 @@ export function App() {
 	return (
 		<div className={darkMode.isDarkMode ? 'kuna dark-mode' : 'kuna'}>
 			<header>
-				<h1>mí Kuna</h1>
+				<img src="../favicon.ico" height="24" />
+				<h1>kuna</h1>
 				<nav style={{ marginLeft: 10 }}>
 					<NavLink to="/">Interactive</NavLink>
 					<NavLink to="/sentences">Sentences</NavLink>