Chaospott/site
43
1
Fork 1
Code Issues Pull Requests Releases Activity

iphone Anpassungen

Browse Source
This commit is contained in:
Christian 2024-07-07 21:15:48 +02:00
parent 5f26e3fa5e
commit f3c7e8fe9e
1 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
_includes/head.html
View File

@ -33,15 +33,31 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<style> <style>
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 {
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 { .safe-area {
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); padding-top: constant(safe-area-inset-top);
background-color: inherit; padding-right: constant(safe-area-inset-right);
padding-bottom: constant(safe-area-inset-bottom);
padding-left: constant(safe-area-inset-left);
} }
}
</style> </style>
</head> </head>