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 { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #d2d4bc; /* Hintergrundfarbe setzen */ background-color: #d2d4bc; /* Hintergrundfarbe der Webseite */
} }
.safe-area { .safe-area {
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); position: relative;
background-color: inherit; 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> </style>