mirror/pixelfed
1
0
Fork 1
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-12-25 01:05:36 +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

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

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

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

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