mirrors/Plume
1
0
Fork 0
mirror of https://git.joinplu.me/Plume/Plume.git synced 2024-11-22 19:41:03 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix #504 (#532)

Browse source 
- Add the `spaced` class to some article cards, to make them wider even on desktop
- Fix the CSS to always have a small margin for cards on mobile
This commit is contained in:
Baptiste Gelez 2019-04-19 15:49:22 +01:00 committed by GitHub
parent 6acb962e72
commit b572a1bd74
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/css/main.scss
View file

@ -138,4 +138,8 @@ html {
body > footer * { margin: 1em auto; } body > footer * { margin: 1em auto; }
.flex.wrap { flex-direction: column; } .flex.wrap { flex-direction: column; }
.cards {
margin: 1rem 0 5rem;
}
} }

2
templates/blogs/details.rs.html
View file

@ -74,7 +74,7 @@
@if posts.is_empty() { @if posts.is_empty() {
<p>@i18n!(ctx.1, "No posts to see here yet.")</p> <p>@i18n!(ctx.1, "No posts to see here yet.")</p>
} }
<div class="cards"> <div class="cards spaced">
@for article in posts { @for article in posts {
@:post_card(ctx, article) @:post_card(ctx, article)
} }

2
templates/instance/federated.rs.html
View file

@ -24,7 +24,7 @@
]) ])
} }
<div class="cards"> <div class="cards spaced">
@for article in articles { @for article in articles {
@:post_card(ctx, article) @:post_card(ctx, article)
} }

2
templates/instance/feed.rs.html
View file

@ -16,7 +16,7 @@
]) ])
@if !articles.is_empty() { @if !articles.is_empty() {
<div class="cards"> <div class="cards spaced">
@for article in articles { @for article in articles {
@:post_card(ctx, article) @:post_card(ctx, article)
} }

2
templates/instance/local.rs.html
View file

@ -25,7 +25,7 @@
]) ])
} }
<div class="cards"> <div class="cards spaced">
@for article in articles { @for article in articles {
@:post_card(ctx, article) @:post_card(ctx, article)
} }