Stefan/evcc-io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Layout: no vertical scrolling (#12675)

Browse source
This commit is contained in:
Michael Geers 2024-03-05 09:19:40 +01:00 • committed by GitHub
parent 0d541fcb0c
commit 7e59b889b0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 17 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

18
assets/css/app.css
View file

@ -484,8 +484,22 @@ html.app .hide-in-app {
}
.safe-area-inset {
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
env(safe-area-inset-left);
padding: max(1rem, env(safe-area-inset-top)) env(safe-area-inset-right)
calc(0.5 * env(safe-area-inset-bottom)) env(safe-area-inset-left);
position: relative;
}
.safe-area-inset::before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
height: env(safe-area-inset-top);
z-index: 1000;
opacity: 0.9;
background-color: var(--evcc-background);
}
.modal-dialog {

2
assets/js/components/Site.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="d-flex flex-column site safe-area-inset">
<div class="container px-4 top-area">
<div class="d-flex justify-content-between align-items-center my-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<h1 class="d-block my-0">
{{ siteTitle || "evcc" }}
</h1>