mirror of
https://github.com/YunoHost-Apps/pixelfed_ynh.git
synced 2024-09-03 20:06:04 +02:00
Merge pull request #644 from pixelfed/frontend-ui-refactor
Frontend ui refactor
This commit is contained in:
commit
b30f92cac5
5 changed files with 15 additions and 8 deletions
|
@ -23,7 +23,7 @@ return [
|
||||||
| This value is the version of your PixelFed instance.
|
| This value is the version of your PixelFed instance.
|
||||||
|
|
|
|
||||||
*/
|
*/
|
||||||
'version' => '0.5.5',
|
'version' => '0.5.6',
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|--------------------------------------------------------------------------
|
|--------------------------------------------------------------------------
|
||||||
|
|
2
public/js/components.js
vendored
2
public/js/components.js
vendored
File diff suppressed because one or more lines are too long
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"/js/components.js": "/js/components.js?id=f7eff1b7304c561d5f8c",
|
"/js/components.js": "/js/components.js?id=94aa594e1104382b038d",
|
||||||
"/js/app.js": "/js/app.js?id=763d01bb175be69c8ad3",
|
"/js/app.js": "/js/app.js?id=763d01bb175be69c8ad3",
|
||||||
"/css/app.css": "/css/app.css?id=986cee6cfca852babf8e",
|
"/css/app.css": "/css/app.css?id=986cee6cfca852babf8e",
|
||||||
"/js/timeline.js": "/js/timeline.js?id=415bfde862ab8c5b4548",
|
"/js/timeline.js": "/js/timeline.js?id=415bfde862ab8c5b4548",
|
||||||
|
|
|
@ -11,9 +11,11 @@
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.postPresenterContainer {
|
@media(min-width: 720px) {
|
||||||
background: #000;
|
.postPresenterContainer {
|
||||||
min-height: 600px;
|
background: #000;
|
||||||
|
min-height: 600px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<template>
|
<template>
|
||||||
|
@ -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';
|
||||||
|
|
|
@ -346,7 +346,11 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: #000;
|
background: #000;
|
||||||
min-height: 600px;
|
}
|
||||||
|
@media(min-width: 720px) {
|
||||||
|
.postPresenterContainer {
|
||||||
|
min-height: 600px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.cursor-pointer {
|
.cursor-pointer {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
Loading…
Add table
Reference in a new issue