diff options
| author | real-zephex <[email protected]> | 2024-04-06 15:38:39 +0530 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-04-06 15:38:39 +0530 |
| commit | 99e977342c2bc4aa3f6b930dfab80a7dc9f5eee3 (patch) | |
| tree | e5ea8e64e27778ce468431138775bf9f6dc3874b /src/app/kdrama/styles/search.module.css | |
| parent | UI Upgrades for anime section. (diff) | |
| parent | added search functionality (diff) | |
| download | dramalama-99e977342c2bc4aa3f6b930dfab80a7dc9f5eee3.tar.xz dramalama-99e977342c2bc4aa3f6b930dfab80a7dc9f5eee3.zip | |
Merge pull request #2 from real-zephex/kdrama-section-rewrite
The kdrama section underwent a complete rewrite.
Diffstat (limited to 'src/app/kdrama/styles/search.module.css')
| -rw-r--r-- | src/app/kdrama/styles/search.module.css | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/src/app/kdrama/styles/search.module.css b/src/app/kdrama/styles/search.module.css new file mode 100644 index 0000000..5f61c23 --- /dev/null +++ b/src/app/kdrama/styles/search.module.css @@ -0,0 +1,77 @@ +.SearchContainer { + margin: 20px 0px -20px 0px; +} + +.Search { + padding: 5px; + background-color: #121212; + display: flex; + align-items: center; + max-width: 30%; + border-radius: 10px; +} + +.SearchContainer input { + margin-left: 5px; + padding: 5px; + border: none; + outline: none; + background-color: #121212; + font-size: 16px; + font-family: "Atkinson Hyperlegible"; + color: white; + width: 100%; +} + +.SearchResults { + display: flex; + margin-top: 10px; + overflow-x: auto; +} + +.SearchResults::-webkit-scrollbar { + height: 5px; +} + +.SearchResults::-webkit-scrollbar-track { + background-color: #3333339d; + border-radius: 5px; +} + +.SearchResults::-webkit-scrollbar-thumb { + background-color: rgb(68, 68, 68); + border-radius: 5px; +} + +.SearchEntry { + display: flex; + align-items: center; + justify-content: space-between; + margin: 5px; + padding: 6px; + background-color: #2e2e2eab; + border-radius: 10px; + cursor: pointer; + transition: transform 0.2s linear; +} + +.SearchEntry:hover { + transition: transform 0.2s linear; + transform: scale(1.01); +} + +.SearchEntry p { + color: white; + font-family: "Atkinson Hyperlegible"; + width: 40vh; +} + +.SearchEntry img { + border-radius: 10px; +} + +@media screen and (max-width: 768px) { + .Search { + max-width: 100%; + } +}
\ No newline at end of file |