diff options
| author | real-zephex <[email protected]> | 2024-03-26 13:21:55 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-03-26 13:21:55 +0530 |
| commit | 3acac648ad6f7c220a48ff9f92f42e814c2097ab (patch) | |
| tree | 894bd3085ca1021566ff68577136305c79bd2ea5 /src/app/anime/search/search.css | |
| parent | idek (diff) | |
| download | dramalama-3acac648ad6f7c220a48ff9f92f42e814c2097ab.tar.xz dramalama-3acac648ad6f7c220a48ff9f92f42e814c2097ab.zip | |
restructured files
Diffstat (limited to 'src/app/anime/search/search.css')
| -rw-r--r-- | src/app/anime/search/search.css | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/src/app/anime/search/search.css b/src/app/anime/search/search.css new file mode 100644 index 0000000..8afb508 --- /dev/null +++ b/src/app/anime/search/search.css @@ -0,0 +1,80 @@ +.inputContainer { + display: flex; + margin: 30px auto; +} + +.searchContainer input { + border: none; + border-radius: 5px; + color: white; + outline: none; + background: none; + width: 100%; + font-family: "Lato"; + font-size: 16px; +} + +.searchContainer { + display: flex; + align-items: center; + margin: 0px auto; + background-color: #2c2c2c; + padding: 8px; + border-radius: 5px; + width: 20%; +} + +.searchIcon { + color: white; + margin-right: 5px; +} + +.animeEntry { + display: flex; + overflow-x: auto; +} + +.animeEntry::-webkit-scrollbar { + height: 7px; +} + +.animeEntry::-webkit-scrollbar-track { + background-color: #636363; + border-radius: 5px; +} + +.animeEntry::-webkit-scrollbar-thumb { + background-color: rgba(196, 196, 196, 0.692); + border-radius: 5px; + +} + +.anime { + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px; + border-style: dotted; + border-color: #636363; + margin: 10px; + border-radius: 10px; + border-width: 4px; +} + +.anime p { + color: white; + width: 25dvh; + font-family: "Lato"; + font-size: 18px; +} + +.animeImage { + border-radius: 10px; + margin-left: 20px; +} + +@media screen and (max-width: 768px) { + .searchContainer { + width: 70%; + } +}
\ No newline at end of file |