james/howfeed
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style fixes targeting safari, mobile

Browse Source
This commit is contained in:
James Shiffer 2020-08-10 16:51:16 -07:00
parent d0e9c7a05a
commit e62fcf59f7
No known key found for this signature in database
GPG Key ID: C0DB8774A1B3BA45
2 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Nav.svelte
View File

@ -80,17 +80,19 @@
min-width: 8rem; min-width: 8rem;
} }
input.search { input.search {
width: 100%; width: calc(100% - 0.5rem);
height: 2rem; height: 2rem;
font-size: 1.5rem; font-size: 1.5rem;
margin: 0 auto; margin: 0 auto;
border: 0.25rem solid black; border: 0.25rem solid black;
outline: none;
} }
input.search:focus::placeholder { input.search:focus::placeholder {
opacity: 0; opacity: 0;
} }
input.search::placeholder { input.search::placeholder {
opacity: 1; opacity: 1;
color: #000;
font-weight: bold; font-weight: bold;
font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
} }

25
static/global.css
View File

@ -42,7 +42,7 @@ code {
margin: 8rem auto !important; margin: 8rem auto !important;
} }
.article-title { .article-title {
font-size: 4rem !important; font-size: 3rem !important;
} }
.article-date { .article-date {
font-size: 2rem !important; font-size: 2rem !important;
@ -56,6 +56,17 @@ code {
div.article-list { div.article-list {
padding: 2rem 1rem; padding: 2rem 1rem;
} }
div.floaty {
padding-top: 5rem !important;
}
figure.article-image {
max-height: 300px !important;
}
}
@media (min-width: 1280px) {
.article-title {
font-size: 4rem !important;
}
} }
div.article-list { div.article-list {
@ -65,7 +76,7 @@ div.article-list {
margin: 0 auto; margin: 0 auto;
} }
div.article-list > a { div.article-list > a {
margin: 0; margin: 0.5rem;
display: flex; display: flex;
text-decoration: none; text-decoration: none;
flex-direction: row; flex-direction: row;
@ -77,13 +88,14 @@ figure.article-image {
align-self: center; align-self: center;
justify-content: center; justify-content: center;
width: 33.33%; width: 33.33%;
padding: 1rem;
max-height: 150px;
margin: 0; margin: 0;
} }
figure.article-image img { figure.article-image img {
width: auto; width: auto;
object-fit: contain; object-fit: cover;
max-width: 100%; max-width: 100%;
margin: 1rem;
} }
div.article-meta { div.article-meta {
margin: 1rem; margin: 1rem;
@ -134,11 +146,6 @@ div.floaty {
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
} }
@media (min-width: 800px) {
div.floaty {
padding-top: 5rem !important;
}
}
img.avatar { img.avatar {
height: 48px; height: 48px;