Commit 456de242 authored by Michael Iseard's avatar Michael Iseard
Browse files

Fix images being stretched when used in blocks

parent c9eb375b
......@@ -33,7 +33,7 @@ class App extends Controller {
return [
'class' => 'navbar-dark',
'logoStyle' => get_logo('white'),
'logoSize' => '25px',
'logoSize' => '30px',
'btnClass' => 'btn-outline-light'
];
}
......
......@@ -37,6 +37,15 @@ h3,
}
}
svg,
img,
embed,
object {
display: block;
height: auto;
max-width: 100%;
}
.top-banner {
background-color: var(--kudos-page-theme) !important;
}
......
......@@ -9,11 +9,11 @@
@endif
<div class="text-center">
<div class="row mt-4">
<div class="col-12 mb-3"><img alt="Kudos logo" src="@asset('images/logo-full-white.svg')" width="100px" height="auto"></div>
<div class="row justify-content-center mt-4">
<div class="mb-3"><img alt="Kudos logo" src="@asset('images/logo-full-white.svg')" width="100px" height="auto"></div>
<div class="col-12">Copyright © 2020 - {{ date('Y') }} Kudos Donations</div>
<div class="col-12"><small>Kudos Donations is een initatief van <a href="https://iseard.media">iseard.media</a></small></div>
<div class="col-12 mt-2"><small><a target="_blank" href="https://gitlab.iseard.media/"><img alt="GitLab logo" width="100px" src="@asset('images/gitlab-logo-1-color-white-rgb.svg')"></a></small></div>
<div class="mt-2"><small><a target="_blank" href="https://gitlab.iseard.media/"><img alt="GitLab logo" width="100px" src="@asset('images/gitlab-logo-1-color-white-rgb.svg')"></a></small></div>
</div>
</div>
</footer>
......@@ -11,7 +11,7 @@
<div class="container">
<nav id="nav_primary" class="navbar navbar-expand-lg nav-primary {{ $navbar['class'] }}">
<a class="navbar-brand d-flex align-items-center mr-5" href="{{ home_url('/') }}">
<img alt="Kudos Logo" height="{{ $navbar['logoSize'] }}" src="{{ $navbar['logoStyle'] }}"/>
<img alt="Kudos Logo" width="{{ $navbar['logoSize'] }}" src="{{ $navbar['logoStyle'] }}"/>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMobileMenu" aria-controls="navbarMobileMenu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment