Merge pull request #248 from hellcp/patch-20

Make card not round on mobile (and fix #244)

resources/assets/sass/custom.scss

@@ -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 {
   from { background-position: 0 0; }
   to { background-position: 100vw 0; }
@@ -235,6 +242,12 @@ body, button, input, textarea {
   background-position: 50%;
 }
 
+
+.status-photo img {
+    object-fit: contain;
+    max-height: calc(100vh - (6rem));
+}
+
 @keyframes fadeInDown {
   0% {
     opacity: 0;
@@ -248,4 +261,5 @@ body, button, input, textarea {
 .details-animated[open] {
   animation-name: fadeInDown;
   animation-duration: 0.5s;
-}
+}
+

resources/views/status/show.blade.php

@@ -3,7 +3,7 @@
 @section('content')
 
 <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="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">