admin/vibetorrent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

refactor(ui): switch to inline styles for safe-area padding (simpler approach)

Browse Source
This commit is contained in:
spinline
2026-02-06 13:19:02 +03:00
parent e10b252eff
commit 22672f7aaa
3 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/layout/sidebar.rs
View File

@@ -75,7 +75,7 @@ pub fn Sidebar() -> impl IntoView {
}; };
view! { view! {
<div class="w-64 h-full flex flex-col bg-base-200 border-r border-base-300 pt-safe-top"> <div class="w-64 h-full flex flex-col bg-base-200 border-r border-base-300" style="padding-top: env(safe-area-inset-top);">
<div class="p-2"> <div class="p-2">
<ul class="menu w-full rounded-box gap-1"> <ul class="menu w-full rounded-box gap-1">
<li class="menu-title text-primary uppercase font-bold px-4">"Filters"</li> <li class="menu-title text-primary uppercase font-bold px-4">"Filters"</li>

2
frontend/src/components/layout/toolbar.rs
View File

@@ -6,7 +6,7 @@ pub fn Toolbar() -> impl IntoView {
let store = use_context::<crate::store::TorrentStore>().expect("store not provided"); let store = use_context::<crate::store::TorrentStore>().expect("store not provided");
view! { view! {
<div class="navbar min-h-14 h-auto bg-base-100 p-0 pt-safe-top"> <div class="navbar min-h-14 h-auto bg-base-100 p-0" style="padding-top: env(safe-area-inset-top);">
<div class="navbar-start gap-4 px-4"> <div class="navbar-start gap-4 px-4">
<label for="my-drawer" class="btn btn-square btn-ghost lg:hidden drawer-button"> <label for="my-drawer" class="btn btn-square btn-ghost lg:hidden drawer-button">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-5 h-5 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-5 h-5 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>

4
frontend/tailwind.config.js
View File

@@ -3,10 +3,6 @@ module.exports = {
content: ["./index.html", "./src/**/*.{rs,html}"], content: ["./index.html", "./src/**/*.{rs,html}"],
theme: { theme: {
extend: { extend: {
spacing: {
"safe-top": "env(safe-area-inset-top)",
"safe-bottom": "env(safe-area-inset-bottom)",
},
colors: { colors: {
gray: { gray: {
900: "#111827", 900: "#111827",