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

Merge pull request #248 from hellcp/patch-20

Browse source 
Make card not round on mobile (and fix #244)
This commit is contained in:
daniel 2018-06-16 15:21:48 -06:00 committed by GitHub
commit a297f50f63
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -193,6 +193,13 @@ body, button, input, textarea {
} }
} }
@media (max-width: map-get($grid-breakpoints, "sm")) {
.card-md-rounded-0 {
border-width: 1px 0;
border-radius:0 !important;
}
}
@keyframes loading-bar { @keyframes loading-bar {
from { background-position: 0 0; } from { background-position: 0 0; }
to { background-position: 100vw 0; } to { background-position: 100vw 0; }
@ -235,6 +242,12 @@ body, button, input, textarea {
background-position: 50%; background-position: 50%;
} }
.status-photo img {
object-fit: contain;
max-height: calc(100vh - (6rem));
}
@keyframes fadeInDown { @keyframes fadeInDown {
0% { 0% {
opacity: 0; opacity: 0;
@ -249,3 +262,4 @@ body, button, input, textarea {
animation-name: fadeInDown; animation-name: fadeInDown;
animation-duration: 0.5s; animation-duration: 0.5s;
} }

2
resources/views/status/show.blade.php
View file

@ -3,7 +3,7 @@
@section('content') @section('content')
<div class="container px-0 mt-md-4"> <div class="container px-0 mt-md-4">
<div class="card status-container orientation-{{$status->firstMedia()->orientation ?? 'unknown'}}"> <div class="card card-md-rounded-0 status-container orientation-{{$status->firstMedia()->orientation ?? 'unknown'}}">
<div class="row mx-0"> <div class="row mx-0">
<div class="d-flex d-md-none align-items-center justify-content-between card-header bg-white w-100"> <div class="d-flex d-md-none align-items-center justify-content-between card-header bg-white w-100">
<div class="d-flex align-items-center status-username"> <div class="d-flex align-items-center status-username">