Make cards flush on mobile

This commit is contained in:
Stasiek Michalski 2018-06-15 08:34:08 +02:00 committed by GitHub
parent 56b18f3e08
commit 58685f3b0e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -6,8 +6,8 @@
@section('content') @section('content')
<div class="container"> <div class="container p-0">
<div class="col-12 col-md-8 offset-md-2 pt-4"> <div class="col-md-8 mx-auto pt-4 px-0">
@if ($errors->any()) @if ($errors->any())
<div class="alert alert-danger"> <div class="alert alert-danger">
<ul> <ul>
@ -27,7 +27,7 @@
@endforeach @endforeach
@if($timeline->count() == 0) @if($timeline->count() == 0)
<div class="card"> <div class="card card-md-rounded-0">
<div class="card-body py-5"> <div class="card-body py-5">
<div class="d-flex justify-content-center align-items-center"> <div class="d-flex justify-content-center align-items-center">
<p class="lead font-weight-bold mb-0">{{ __('timeline.emptyPersonalTimeline') }}</p> <p class="lead font-weight-bold mb-0">{{ __('timeline.emptyPersonalTimeline') }}</p>
@ -37,11 +37,11 @@
@endif @endif
</div> </div>
<div class="page-load-status"> <div class="page-load-status" style="display: none;">
<div class="infinite-scroll-request"> <div class="infinite-scroll-request" style="display: none;">
<div class="d-none fixed-top loading-page"></div> <div class="fixed-top loading-page"></div>
</div> </div>
<div class="infinite-scroll-last"> <div class="infinite-scroll-last" style="display: none;">
<h3>No more content</h3> <h3>No more content</h3>
<p class="text-muted"> <p class="text-muted">
Maybe you could try Maybe you could try
@ -49,7 +49,7 @@
more people you can follow. more people you can follow.
</p> </p>
</div> </div>
<div class="infinite-scroll-error"> <div class="infinite-scroll-error" style="display: none;">
<h3>Whoops, an error</h3> <h3>Whoops, an error</h3>
<p class="text-muted"> <p class="text-muted">
Try reloading the page Try reloading the page