Set image ratio

This commit is contained in:
2021-12-01 21:38:58 +01:00
parent 63dcff53ea
commit b55926a73d
4 changed files with 4 additions and 3 deletions

View File

@@ -7,7 +7,7 @@
<div id="settings"> <div id="settings">
<div id="settings-panel"> <div id="settings-panel">
<div class="settings-header"> <div class="settings-header">
<div class="logo"><img src="images/logo_black.png" /></div> <div class="logo"><img width="289" height="72" src="images/logo_black.png" /></div>
<div id="last_update"><p><span><img src="images/spot-logo-only.svg" alt="" /></span><abbr></abbr></p></div> <div id="last_update"><p><span><img src="images/spot-logo-only.svg" alt="" /></span><abbr></abbr></p></div>
</div> </div>
<div class="settings-sections"> <div class="settings-sections">

View File

@@ -703,6 +703,7 @@ $legend-color: $post-color;
img { img {
width: 100%; width: 100%;
height: auto;
max-width: 180px; max-width: 180px;
transform: translateX(-10%); //Center Text, not logo. logo width (40px) / image width (200px) = 20%. And centering: 20% / 2 = 10% transform: translateX(-10%); //Center Text, not logo. logo width (40px) / image width (200px) = 20%. And centering: 20% / 2 = 10%
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long