Improve footer layout and styling (fixed position is not fixed)
This commit is contained in:
File diff suppressed because one or more lines are too long
21
public/build/dist/css/all-c8eb2347.css
vendored
21
public/build/dist/css/all-c8eb2347.css
vendored
File diff suppressed because one or more lines are too long
@@ -1,4 +1,4 @@
|
||||
{
|
||||
"dist/css/all.css": "dist/css/all-73d97429.css",
|
||||
"dist/css/all.css": "dist/css/all-1a70cf59.css",
|
||||
"dist/js/all.js": "dist/js/all-c132bc1e.js"
|
||||
}
|
||||
@@ -294,12 +294,45 @@ body.status-page {
|
||||
}
|
||||
}
|
||||
|
||||
footer.footer {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
color: #777;
|
||||
text-align: center;
|
||||
footer {
|
||||
margin-top: 40px;
|
||||
padding: 40px 0;
|
||||
border-top: 1px solid $cachet_gray_light;
|
||||
background-color: lighten($cachet_gray_light, 5%);
|
||||
color: $cachet-gray-darker;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
|
||||
.icons {
|
||||
a.icon-link {
|
||||
display: inline-block;
|
||||
min-width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 3px;
|
||||
background-color: $cachet-gray-darker;
|
||||
text-align: center;
|
||||
color: $cachet_gray_light;
|
||||
transition: all 0.15s;
|
||||
padding: 0 10px 0 10px;
|
||||
|
||||
&.rss {
|
||||
background-color: $cachet-orange;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
background-color: darken($cachet-gray-darker, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
text-align: left;
|
||||
|
||||
.icons {
|
||||
margin-top: 0;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -90,8 +90,8 @@ return [
|
||||
// Other
|
||||
'powered_by' => ':app Status Page is powered by <a href="https://cachethq.io">Cachet</a>.',
|
||||
'about_this_site' => 'About this site',
|
||||
'rss-feed' => 'RSS Feed',
|
||||
'atom-feed' => 'Atom Feed',
|
||||
'rss-feed' => 'RSS',
|
||||
'atom-feed' => 'Atom',
|
||||
'feed' => 'Status Feed',
|
||||
|
||||
];
|
||||
|
||||
@@ -1,15 +1,23 @@
|
||||
<footer class="footer">
|
||||
@if(Setting::get('show_support'))
|
||||
<p>{!! trans('cachet.powered_by', ['app' => Setting::get('app_name')]) !!}</p>
|
||||
@endif
|
||||
<p><a href="/rss"><i class="ion-social-rss"></i> {{ trans('cachet.rss-feed') }}</a> - <a href="/atom"><i class="ion-social-rss"></i> {{ trans('cachet.atom-feed') }}</a></p>
|
||||
<p>
|
||||
<a href="/dashboard">{{ trans('dashboard.dashboard') }}</a>
|
||||
@if($loggedUser)
|
||||
–
|
||||
<a href="/auth/logout">{{ trans('dashboard.logout') }}</a>
|
||||
@endif
|
||||
</p>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
@if(Setting::get('show_support'))
|
||||
<p>{!! trans('cachet.powered_by', ['app' => Setting::get('app_name')]) !!}</p>
|
||||
@endif
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="icons">
|
||||
<a href="/dashboard" class="icon-link"><i class="ion-levels"></i> {{ trans('dashboard.dashboard') }}</a>
|
||||
@if($loggedUser)
|
||||
<a href="/auth/logout" class="icon-link"><i class="ion-android-exit"></i> {{ trans('dashboard.logout') }}</a>
|
||||
@endif
|
||||
<a href="/rss" class="icon-link rss"><i class="ion-social-rss"></i> {{ trans('cachet.rss-feed') }}</a>
|
||||
<a href="/atom" class="icon-link rss"><i class="ion-social-rss"></i> {{ trans('cachet.atom-feed') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@include("partials.analytics")
|
||||
|
||||
Reference in New Issue
Block a user