UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-11-10 08:44:49 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #1242 from pixelfed/frontend-ui-refactor

Browse source 
Frontend ui refactor
This commit is contained in:
daniel 2019-05-01 14:54:45 -06:00 committed by GitHub
commit 4620338e9a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/css/app.css vendored
View file

Binary file not shown.

BIN
public/css/appdark.css vendored
View file

Binary file not shown.

BIN
public/css/landing.css vendored
View file

Binary file not shown.

BIN
public/js/profile.js vendored
View file

Binary file not shown.

BIN
public/mix-manifest.json
View file

Binary file not shown.

2
resources/assets/js/components/Profile.vue
View file

@ -358,7 +358,7 @@
<div class="card-columns" v-if="mode == 'grid'">
<div class="p-sm-2 p-md-3" v-for="(s, index) in timeline">
<a class="card info-overlay card-md-border-0" :href="s.url">
<img :src="previewUrl(s)" class="img-fluid">
<img :src="previewUrl(s)" class="img-fluid w-100">
</a>
</div>
</div>

16
resources/assets/sass/custom.scss vendored
View file

@ -124,6 +124,14 @@ body, button, input, textarea {
.info-overlay:hover .info-overlay-text {
display: flex;
h5 {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
}
.info-overlay-text {
@ -503,6 +511,10 @@ details summary::-webkit-details-marker {
box-sizing: content-box;
}
.media-drawer-filters img {
object-fit: contain;
}
.reply-container {
.post-thumbnail {
object-fit: cover;
@ -540,3 +552,7 @@ details summary::-webkit-details-marker {
.tooltip-notification .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
border-top-color: #dc3545;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
filter: drop-shadow(0px 0px 1px black);
}