diff options
Diffstat (limited to 'src/app/kdrama/styles/search.module.css')
| -rw-r--r-- | src/app/kdrama/styles/search.module.css | 164 |
1 files changed, 82 insertions, 82 deletions
diff --git a/src/app/kdrama/styles/search.module.css b/src/app/kdrama/styles/search.module.css index fcf75b0..54175ce 100644 --- a/src/app/kdrama/styles/search.module.css +++ b/src/app/kdrama/styles/search.module.css @@ -1,83 +1,83 @@ -.SearchContainer { - margin: 20px 0px -20px 0px; -} - -.LoadingText { - color: white; - font-family: "Atkinson Hyperlegible"; - text-align: center; -} - -.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%; - } +.SearchContainer {
+ margin: 20px 0px -20px 0px;
+}
+
+.LoadingText {
+ color: white;
+ font-family: "Atkinson Hyperlegible";
+ text-align: center;
+}
+
+.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 |