CSS touch (#6)

* style tab color for mobile browsers * custom border styles to input field * add favicon icon
JuzerShakir · Apr 26, 2024 · 41eecf6 · 41eecf6
1 parent b20316f
commit 41eecf6
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />
-		<link rel="icon" type="image/svg+xml" href="" />
+		<link rel="icon" href="src/assets/favicon.ico" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
 		<!-- Custom Fonts -->
@@ -14,6 +14,9 @@
 			rel="stylesheet"
 		/>
 
+		<!-- style tab color -->
+		<meta name="theme-color" content="#facc15" />
+
 		<title>Scrapulator</title>
 	</head>
 	<body class="bg-yellow-400">

diff --git a/src/App.jsx b/src/App.jsx
@@ -111,7 +111,7 @@ function Item({ item, onHandleItemEarnings }) {
 						type="number"
 						id={item.name}
 						name={item.name}
-						className="bg-amber-100 w-10 text-end text-amber-900 pr-1"
+						className="bg-amber-100 w-10 text-end text-amber-900 pr-1 border-b-2 border-yellow-600 focus:border-yellow-900 focus:outline-none"
 						placeholder="0"
 						min="0"
 						step="0.1"

diff --git a/src/assets/favicon.ico b/src/assets/favicon.ico