diff options
| author | real-zephex <[email protected]> | 2024-05-11 19:34:42 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-11 19:34:42 +0530 |
| commit | 482185a71909123a0152d358c8fb90d427cc1c54 (patch) | |
| tree | 2927b35be66656b3a0e7c895cdb34ad87a88f1f6 /src/app/anime | |
| parent | added anime history section (diff) | |
| download | dramalama-482185a71909123a0152d358c8fb90d427cc1c54.tar.xz dramalama-482185a71909123a0152d358c8fb90d427cc1c54.zip | |
adjustments to the search bar on the anime page
Diffstat (limited to 'src/app/anime')
| -rw-r--r-- | src/app/anime/components/search.jsx | 2 | ||||
| -rw-r--r-- | src/app/anime/styles/search.module.css | 6 |
2 files changed, 5 insertions, 3 deletions
diff --git a/src/app/anime/components/search.jsx b/src/app/anime/components/search.jsx index f916217..b8b4b53 100644 --- a/src/app/anime/components/search.jsx +++ b/src/app/anime/components/search.jsx @@ -41,7 +41,7 @@ const SearcBar = () => { }} ></input> </div> - <Link shallow href={"/"}> + <Link shallow href={"/anime/continueWatching"}> <button className={styles.animeHistoryButton}> History </button> diff --git a/src/app/anime/styles/search.module.css b/src/app/anime/styles/search.module.css index d3564f7..b7e35ab 100644 --- a/src/app/anime/styles/search.module.css +++ b/src/app/anime/styles/search.module.css @@ -2,6 +2,7 @@ padding: 1rem 0 0.8rem 0; display: flex; align-items: center; + width: 100%; } .SearchInputContainer { @@ -19,9 +20,10 @@ border: none; background-color: #121212; color: white; - margin: 0 0 0 0.4rem; + margin: 0 0.1rem 0 0.2rem; padding: 0.5rem; cursor: pointer; + border-radius: 0.5rem; } .SearchInputContainer input { @@ -74,7 +76,7 @@ } @media screen and (max-width: 768px) { - .SearchBarContainer { + .SearchInputContainer { width: 100%; } |