Minor UI changes
This commit is contained in:
parent
4640468d15
commit
52d6044057
@ -437,6 +437,10 @@ h3 {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.margin-top-1 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.margin-top-1-5 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
@ -915,12 +919,11 @@ theme-toggle {
|
||||
#article_contributors {
|
||||
flex-wrap: wrap;
|
||||
gap: 1.5rem;
|
||||
margin: 1rem 0;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.contributor {
|
||||
display: flex;
|
||||
font-size: 0.75rem;
|
||||
align-items: center;
|
||||
font-weight: 500;
|
||||
}
|
||||
@ -1323,7 +1326,7 @@ theme-toggle {
|
||||
}
|
||||
#preview_popup h1,
|
||||
#article h1 {
|
||||
font-size: 2.2rem;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
#preview_popup h3,
|
||||
#article h3 {
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -421,6 +421,9 @@ h3 {
|
||||
.margin-left-0-5 {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
.margin-top-1 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.margin-top-1-5 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
@ -856,11 +859,10 @@ theme-toggle {
|
||||
#article_contributors {
|
||||
flex-wrap: wrap;
|
||||
gap: 1.5rem;
|
||||
margin: 1rem 0;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.contributor {
|
||||
display: flex;
|
||||
font-size: 0.75rem;
|
||||
align-items: center;
|
||||
font-weight: 500;
|
||||
&__dp {
|
||||
@ -1264,7 +1266,7 @@ theme-toggle {
|
||||
#preview_popup,
|
||||
#article {
|
||||
h1 {
|
||||
font-size: 2.2rem;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.4rem;
|
||||
|
||||
@ -241,7 +241,10 @@
|
||||
<time id="published_time"></time>
|
||||
<span class="bullet-point"></span><span id="reading_time" style="white-space: nowrap;"></span>
|
||||
</div>
|
||||
<div id="article_contributors" class="flex"></div>
|
||||
<section class="margin-top-1">
|
||||
<h5>Article by</h5>
|
||||
<div id="article_contributors" class="flex"></div>
|
||||
</section>
|
||||
<img id="article_image" src="" alt="" loading="lazy">
|
||||
</header>
|
||||
<details id="article_map_accordion" class="hide-on-desktop">
|
||||
@ -1306,7 +1309,7 @@
|
||||
getRef('trending_article_container').append(frag)
|
||||
// render latest articles
|
||||
const sortedArticles = sortedByVotes.slice(4).sort((a, b) => b.published - a.published)
|
||||
sortedArticles.slice(0, 4).forEach(articleDetail => {
|
||||
sortedArticles.slice(0, 6).forEach(articleDetail => {
|
||||
frag.append(render.articleCard({
|
||||
...articleDetail,
|
||||
// heroImage: allImages[articleDetail.uid] ? allImages[articleDetail.uid].heroImage.thumbnail : ''
|
||||
|
||||
Loading…
Reference in New Issue
Block a user