extern/gatus
1
0
Fork 0
mirror of https://github.com/TwiN/gatus.git synced 2025-02-16 10:20:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Make title smaller on smaller screens

Browse Source
This commit is contained in:
TwinProduction 2021-01-31 16:47:31 -05:00
parent a1679ddc5e
commit 431fb3e9f2
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/app/src/App.vue
View File

@ -3,7 +3,7 @@
<div class="mb-2"> <div class="mb-2">
<div class="flex flex-wrap"> <div class="flex flex-wrap">
<div class="w-3/4 text-left my-auto"> <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>
<div class="w-1/4 flex justify-end"> <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;"/> <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 { html {
height: 100%; height: 100%;
} }
html, body { html, body {
background-color: #f7f9fb; background-color: #f7f9fb;
} }