fix(settings): adds safe inset in menu for mobile

dvcol · dvcol · commit dc8838c3ec88 · 2024-10-28T19:57:08.000+01:00
diff --git a/src/components/views/settings/SettingsComponent.vue b/src/components/views/settings/SettingsComponent.vue
@@ -288,6 +288,7 @@ onDeactivated(() => {
     .menu {
       margin-top: 0;
       margin-bottom: layout.$safe-bottom-navbar-height;
+      padding-top: layout.$safe-area-inset-top;
     }
 
     &.watching {

Original file line number	Diff line number	Diff line change
`@@ -288,6 +288,7 @@ onDeactivated(() => {`
`288`	`288`	`.menu {`
`289`	`289`	`margin-top: 0;`
`290`	`290`	`margin-bottom: layout.$safe-bottom-navbar-height;`
	`291`	`+ padding-top: layout.$safe-area-inset-top;`
`291`	`292`	`}`
`292`	`293`
`293`	`294`	`&.watching {`