mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-12-24 16:53:17 +00:00
Improve component responsiveness
This commit is contained in:
parent
e69b58664c
commit
ffb9eb1170
2 changed files with 12 additions and 5 deletions
|
@ -11,10 +11,12 @@
|
|||
background: #fff;
|
||||
}
|
||||
|
||||
@media(min-width: 720px) {
|
||||
.postPresenterContainer {
|
||||
background: #000;
|
||||
min-height: 600px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<div class="postComponent d-none">
|
||||
|
@ -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';
|
||||
|
|
|
@ -346,8 +346,12 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
background: #000;
|
||||
}
|
||||
@media(min-width: 720px) {
|
||||
.postPresenterContainer {
|
||||
min-height: 600px;
|
||||
}
|
||||
}
|
||||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue