mirror of
https://github.com/acedanger/pokemon.git
synced 2025-12-05 22:50:13 -08:00
fix: correct history item scaling in project instructions
This commit is contained in:
3
.github/copilot-instructions.md
vendored
3
.github/copilot-instructions.md
vendored
@@ -9,7 +9,7 @@ This is a Pokémon finder web application built with Vite, Tailwind CSS, and van
|
|||||||
* **History:**
|
* **History:**
|
||||||
* Displays the last 3 successfully searched Pokémon.
|
* Displays the last 3 successfully searched Pokémon.
|
||||||
* Stores the full data object returned by the API for each history item.
|
* Stores the full data object returned by the API for each history item.
|
||||||
* The most recent item is displayed at 100% scale, the second at 80%, the third at 60%.
|
* The most recent item is displayed at 100% scale, the second at 90%, the third at 80%.
|
||||||
* When a new Pokémon is successfully searched:
|
* When a new Pokémon is successfully searched:
|
||||||
* Any existing entry for that Pokémon is removed from the history array.
|
* Any existing entry for that Pokémon is removed from the history array.
|
||||||
* The new data object is added to the *beginning* of the history array.
|
* The new data object is added to the *beginning* of the history array.
|
||||||
@@ -17,6 +17,7 @@ This is a Pokémon finder web application built with Vite, Tailwind CSS, and van
|
|||||||
* The history display is re-rendered.
|
* The history display is re-rendered.
|
||||||
* The newly added/moved item animates in with a slide/fade effect (0.8s duration).
|
* The newly added/moved item animates in with a slide/fade effect (0.8s duration).
|
||||||
* History items are clickable to re-trigger a search for that Pokémon.
|
* History items are clickable to re-trigger a search for that Pokémon.
|
||||||
|
* **Icons:** Font Awesome is used for icons, such as the microphone icon in the search input. Ensure the Font Awesome library is included in the project for proper rendering.
|
||||||
* **Error Handling:** Displays user-friendly messages, especially for "Not Found" (404) errors. Technical errors are logged to the console.
|
* **Error Handling:** Displays user-friendly messages, especially for "Not Found" (404) errors. Technical errors are logged to the console.
|
||||||
|
|
||||||
## Build & Deployment
|
## Build & Deployment
|
||||||
|
|||||||
Reference in New Issue
Block a user