administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-12 18:17:36 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

mobile fixes

Browse Source
This commit is contained in:
Josh Hawkins 2025-10-08 10:55:58 -05:00
parent 6b27b15883
commit 6ab98e165f
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/pages/Settings.tsx
View File

@ -162,7 +162,7 @@ export default function Settings() {
const { t } = useTranslation(["views/settings"]); const { t } = useTranslation(["views/settings"]);
const [page, setPage] = useState<SettingsType>("ui"); const [page, setPage] = useState<SettingsType>("ui");
const [_, setPageToggle] = useOptimisticState(page, setPage, 100); const [_, setPageToggle] = useOptimisticState(page, setPage, 100);
const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [mobileMenuOpen, setMobileMenuOpen] = useState(isMobile);
const { data: config } = useSWR<FrigateConfig>("config"); const { data: config } = useSWR<FrigateConfig>("config");
@ -278,7 +278,7 @@ export default function Settings() {
if (isMobile) { if (isMobile) {
return ( return (
<div className="flex size-full flex-col"> <div className="flex size-full flex-col">
<div className="relative sticky -top-2 z-50 mb-2 flex items-center bg-background p-4"> <div className="sticky -top-2 z-50 mb-2 flex items-center bg-background p-4">
<Button <Button
className="absolute left-4 z-10 rounded-lg" className="absolute left-4 z-10 rounded-lg"
aria-label="Open menu" aria-label="Open menu"
@ -329,7 +329,11 @@ export default function Settings() {
</div> </div>
</div> </div>
<div> <div
className={cn(
"scrollbar-container max-h-[calc(100vh-8rem)] overflow-y-auto",
)}
>
{settingsGroups.map((group) => { {settingsGroups.map((group) => {
const filteredItems = group.items.filter((item) => const filteredItems = group.items.filter((item) =>
visibleSettingsViews.includes(item.key as SettingsType), visibleSettingsViews.includes(item.key as SettingsType),