aboutsummaryrefslogtreecommitdiff
path: root/src/app/web-series/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/web-series/styles')
-rw-r--r--src/app/web-series/styles/info.module.css1
-rw-r--r--src/app/web-series/styles/pages.module.css9
-rw-r--r--src/app/web-series/styles/search.module.css4
3 files changed, 9 insertions, 5 deletions
diff --git a/src/app/web-series/styles/info.module.css b/src/app/web-series/styles/info.module.css
index 8873b41..d60023d 100644
--- a/src/app/web-series/styles/info.module.css
+++ b/src/app/web-series/styles/info.module.css
@@ -1,5 +1,4 @@
.Main {
- min-height: 100vh;
margin-top: 60px;
}
diff --git a/src/app/web-series/styles/pages.module.css b/src/app/web-series/styles/pages.module.css
index 631f7db..8f15de2 100644
--- a/src/app/web-series/styles/pages.module.css
+++ b/src/app/web-series/styles/pages.module.css
@@ -1,10 +1,13 @@
.main h2 {
color: white;
+ /* margin: 0.4rem 0 0 0; */
+ text-transform: uppercase;
+ font-size: 30px;
}
.SeriesContainer {
display: grid;
- grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 0.5rem;
align-items: center;
margin: -1rem 0 0 0;
@@ -23,13 +26,13 @@
}
.SeriesEntry p {
- width: 160px;
+ width: 170px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
margin: 0.3rem 0 0 0;
- font-family: "Atkinson Hyperlegible", serif;
+ font-family: "Lexend Deca", serif;
}
.SeriesEntry img {
diff --git a/src/app/web-series/styles/search.module.css b/src/app/web-series/styles/search.module.css
index 145a2aa..fdf46e3 100644
--- a/src/app/web-series/styles/search.module.css
+++ b/src/app/web-series/styles/search.module.css
@@ -1,9 +1,10 @@
.InputContainer {
display: flex;
align-items: center;
- background-color: #121212;
+ background-color: #1f1f1f;
width: 40vw;
border-radius: 0.5rem;
+ padding: 0.4rem;
}
.SearchIcon {
@@ -16,6 +17,7 @@
border: none;
padding: 0.4rem;
font-family: "Lexend Deca", serif;
+ font-size: 20px;
margin-left: 0.2rem;
font-size: large;
color: white;