mirror/pixelfed
1
0
Fork 1
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-12-24 00:35:59 +00:00
Code Issues Releases Wiki Activity

Improve component responsiveness

Browse source
This commit is contained in:
Daniel Supernault 2018-12-15 16:40:15 -07:00
parent e69b58664c
commit ffb9eb1170
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
resources/assets/js/components/PostComponent.vue
View file

@ -11,9 +11,11 @@
background: #fff;
}
.postPresenterContainer {
background: #000;
min-height: 600px;
@media(min-width: 720px) {
.postPresenterContainer {
background: #000;
min-height: 600px;
}
}
</style>
<template>
@ -51,7 +53,7 @@
</div>
</div>
</div>
<div class="col-12 col-md-8 status-photo px-0 mx-0">
<div class="col-12 col-md-8 px-0 mx-0">
<div class="postPresenterLoader text-center">
<div class="lds-ring"><div></div><div></div><div></div><div></div></div>
</div>
@ -222,6 +224,7 @@ pixelfed.presenter = {
let el = $('<img>');
el.attr('src', media[0]['url']);
el.attr('title', media[0]['description']);
el.addClass('img-fluid');
wrapper.append(el);
if(status.sensitive == true) {
let spoilerText = status.spoiler_text ? status.spoiler_text : 'CW / NSFW / Hidden Media';

6
resources/assets/js/components/Timeline.vue
View file

@ -346,7 +346,11 @@
display: flex;
align-items: center;
background: #000;
min-height: 600px;
}
@media(min-width: 720px) {
.postPresenterContainer {
min-height: 600px;
}
}
.cursor-pointer {
cursor: pointer;