fix(ui): add safe area padding for mobile notch support

2026-02-06 12:55:41 +03:00
parent 68b517a336
commit 5b0fab80fe
2 changed files with 10 additions and 10 deletions
--- a/frontend/src/components/layout/sidebar.rs
+++ b/frontend/src/components/layout/sidebar.rs
@@ -75,7 +75,7 @@ pub fn Sidebar() -> impl IntoView {
    };

    view! {
-        <div class="w-64 h-full flex flex-col bg-base-200 border-r border-base-300">
+        <div class="w-64 h-full flex flex-col bg-base-200 border-r border-base-300 pt-[env(safe-area-inset-top)]">
            <div class="p-2">
                <ul class="menu w-full rounded-box gap-1">
                    <li class="menu-title text-primary uppercase font-bold px-4">"Filters"</li>