diff options
| author | real-zephex <[email protected]> | 2024-04-26 23:52:18 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-04-26 23:52:18 +0530 |
| commit | 1da0ad8fa76b9d66e30c7e784e2dcaac061d9bb0 (patch) | |
| tree | f5068e60287800cfabf44bb71116a794d1759037 /src/app/kdrama/styles/search.module.css | |
| parent | UI tweaks for the manga page (diff) | |
| download | dramalama-1da0ad8fa76b9d66e30c7e784e2dcaac061d9bb0.tar.xz dramalama-1da0ad8fa76b9d66e30c7e784e2dcaac061d9bb0.zip | |
minor ui fix
Diffstat (limited to 'src/app/kdrama/styles/search.module.css')
| -rw-r--r-- | src/app/kdrama/styles/search.module.css | 26 |
1 files changed, 17 insertions, 9 deletions
diff --git a/src/app/kdrama/styles/search.module.css b/src/app/kdrama/styles/search.module.css index 54175ce..8b723db 100644 --- a/src/app/kdrama/styles/search.module.css +++ b/src/app/kdrama/styles/search.module.css @@ -4,8 +4,9 @@ .LoadingText {
color: white;
- font-family: "Atkinson Hyperlegible";
+ font-family: "Atkinson Hyperlegible", serif;
text-align: center;
+ font-size: 18px;
}
.Search {
@@ -24,7 +25,7 @@ outline: none;
background-color: #121212;
font-size: 16px;
- font-family: "Atkinson Hyperlegible";
+ font-family: "Atkinson Hyperlegible", serif;
color: white;
width: 100%;
}
@@ -58,22 +59,29 @@ background-color: #2e2e2eab;
border-radius: 10px;
cursor: pointer;
- transition: transform 0.2s linear;
+ transition: opacity 200ms linear, background-color 200ms linear;
}
-.SearchEntry:hover {
- transition: transform 0.2s linear;
- transform: scale(1.01);
+.SearchResults .SearchEntry {
+ opacity: 0.5;
+}
+
+.SearchResults .SearchEntry:hover {
+ opacity: 1;
+ background-color: #333333c9;
}
.SearchEntry p {
color: white;
- font-family: "Atkinson Hyperlegible";
- width: 40vh;
+ font-family: "Atkinson Hyperlegible", serif;
+ font-size: 18px;
+ width: 35vh;
}
.SearchEntry img {
- border-radius: 10px;
+ width: auto;
+ /* height: auto; */
+ border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
|