chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

Theme scrollbars with tailwind-scrollbar (#11723)

Browse Source
This commit is contained in:
Josh Hawkins
2024-06-03 13:43:30 -05:00
committed by GitHub
parent 9808ff64e7
commit e6d1ad0ac5
29 changed files with 55 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/pages/Exports.tsx
View File

@@ -139,7 +139,7 @@ function Exports() {
<div className="w-full overflow-hidden">
{exports && filteredExports && (
<div className="grid size-full gap-2 overflow-y-auto sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
<div className="scrollbar-container grid size-full gap-2 overflow-y-auto sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
{Object.values(exports).map((item) => (
<ExportCard
key={item.name}

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

@@ -242,7 +242,7 @@ function CameraSelectButton({
<DropdownMenuSeparator />
</>
)}
<div className="mb-5 h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden p-4 md:mb-1">
<div className="scrollbar-container mb-5 h-auto max-h-[80dvh] overflow-y-auto overflow-x-hidden p-4 md:mb-1">
<div className="flex flex-col gap-2.5">
{allCameras.map((item) => (
<FilterSwitch

2
web/src/pages/SubmitPlus.tsx
View File

@@ -226,7 +226,7 @@ export default function SubmitPlus() {
return (
<div className="flex size-full flex-col">
<div className="flex h-16 w-full items-center justify-between overflow-x-auto px-2">
<div className="scrollbar-container flex h-16 w-full items-center justify-between overflow-x-auto px-2">
<PlusFilterGroup
selectedCameras={selectedCameras}
selectedLabels={selectedLabels}