Make title smaller on smaller screens

This commit is contained in:
TwinProduction 2021-01-31 16:47:31 -05:00
parent a1679ddc5e
commit 431fb3e9f2

View File

@ -3,7 +3,7 @@
<div class="mb-2">
<div class="flex flex-wrap">
<div class="w-3/4 text-left my-auto">
<div class="title text-5xl font-light">Health Status</div>
<div class="text-3xl xl:text-5xl lg:text-4xl font-light">Health Status</div>
</div>
<div class="w-1/4 flex justify-end">
<img src="./assets/logo.png" alt="Gatus" class="object-scale-down" style="max-width: 100px; min-width: 50px; min-height:50px;"/>
@ -45,6 +45,7 @@ export default {
html {
height: 100%;
}
html, body {
background-color: #f7f9fb;
}