diff --git a/index.html b/index.html index 4e2cbfd..f362142 100644 --- a/index.html +++ b/index.html @@ -3,11 +3,74 @@ + + Pixel Icons - -
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + GitHub + +
+
+
+ diff --git a/package.json b/package.json index 6dc6f42..dddffa8 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "type": "module", "scripts": { "dev": "vite", - "build": "vite build", + "build": "vite build --base=./", "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, diff --git a/public/cover.png b/public/cover.png new file mode 100644 index 0000000..2aba337 Binary files /dev/null and b/public/cover.png differ diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000..6e230f5 Binary files /dev/null and b/public/favicon.png differ diff --git a/public/title.svg b/public/title.svg new file mode 100644 index 0000000..4b0627e --- /dev/null +++ b/public/title.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/App.css b/src/App.css index 610b6f7..044594b 100644 --- a/src/App.css +++ b/src/App.css @@ -1,16 +1,9 @@ #root { width: 100%; - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - font-size: 9pt; } input#search { - font-size: 1em; - padding: 0.5em; width: 100%; - box-sizing: border-box; } #display-options { diff --git a/src/App.jsx b/src/App.jsx index f6e4a2d..d55005d 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,7 +1,5 @@ -import { useRef, useState } from 'react' -import reactLogo from './assets/react.svg' -import viteLogo from '/vite.svg' -import { useSelector, useDispatch } from 'react-redux' +import { useEffect, useRef } from 'react' +import { useDispatch } from 'react-redux' import { setQuery } from './app/searchSlice' import { setShowName } from './app/displaySlice' import { IconList } from './IconList' @@ -20,9 +18,13 @@ function App() { dispatch(setShowName(checkShowName.current.checked)) } + useEffect(() => { + inputSearch.current.focus() + }) + return ( <> - +
diff --git a/src/IconList.jsx b/src/IconList.jsx index 046e6b4..10acedb 100644 --- a/src/IconList.jsx +++ b/src/IconList.jsx @@ -38,7 +38,7 @@ export const IconList = function () {