iphone Anpassungen

This commit is contained in:
Christian 2024-07-07 21:15:48 +02:00
parent 5f26e3fa5e
commit f3c7e8fe9e

View File

@ -36,11 +36,27 @@
html, body {
margin: 0;
padding: 0;
background-color: #d2d4bc; /* Hintergrundfarbe setzen */
background-color: #d2d4bc; /* Hintergrundfarbe der Webseite */
}
.safe-area {
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
background-color: inherit;
position: relative;
padding-top: env(safe-area-inset-top);
padding-right: env(safe-area-inset-right);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
background-color: inherit; /* Hintergrundfarbe der Webseite */
}
/* Spezifische Anpassungen für Safari auf iOS */
@media screen and (max-device-width: 480px) {
/* iPhone */
.safe-area {
padding-top: constant(safe-area-inset-top);
padding-right: constant(safe-area-inset-right);
padding-bottom: constant(safe-area-inset-bottom);
padding-left: constant(safe-area-inset-left);
}
}
</style>