administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-26 00:27:40 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

more padding fixes

Browse Source
This commit is contained in:
Josh Hawkins 2025-10-08 14:19:50 -05:00
parent b08de124f9
commit ba8f119a73
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/views/settings/AuthenticationView.tsx
View File

@ -405,7 +405,7 @@ export default function AuthenticationView({
// Users section // Users section
const UsersSection = ( const UsersSection = (
<> <>
<div className="mb-5 flex flex-row items-center justify-between gap-2"> <div className="mb-5 flex flex-row items-center justify-between gap-2 md:pr-2">
<div className="flex flex-col items-start"> <div className="flex flex-col items-start">
<Heading as="h4" className="mb-2"> <Heading as="h4" className="mb-2">
{t("users.management.title")} {t("users.management.title")}
@ -425,7 +425,7 @@ export default function AuthenticationView({
</Button> </Button>
</div> </div>
<div className="mb-6 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between"> <div className="mb-6 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
<div className="scrollbar-container flex-1 overflow-hidden rounded-lg border border-border bg-background_alt"> <div className="scrollbar-container flex-1 overflow-hidden rounded-lg border border-border bg-background_alt md:mr-2">
<div className="h-full overflow-auto"> <div className="h-full overflow-auto">
<Table> <Table>
<TableHeader className="sticky top-0 bg-muted/50"> <TableHeader className="sticky top-0 bg-muted/50">
@ -594,7 +594,7 @@ export default function AuthenticationView({
// Roles section // Roles section
const RolesSection = ( const RolesSection = (
<> <>
<div className="mb-5 flex flex-row items-center justify-between gap-2"> <div className="mb-5 flex flex-row items-center justify-between gap-2 md:pr-2">
<div className="flex flex-col items-start"> <div className="flex flex-col items-start">
<Heading as="h4" className="mb-2"> <Heading as="h4" className="mb-2">
{t("roles.management.title")} {t("roles.management.title")}
@ -614,7 +614,7 @@ export default function AuthenticationView({
</Button> </Button>
</div> </div>
<div className="mb-6 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between"> <div className="mb-6 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
<div className="scrollbar-container flex-1 overflow-hidden rounded-lg border border-border bg-background_alt"> <div className="scrollbar-container flex-1 overflow-hidden rounded-lg border border-border bg-background_alt md:mr-2">
<div className="h-full overflow-auto"> <div className="h-full overflow-auto">
<Table> <Table>
<TableHeader className="sticky top-0 bg-muted/50"> <TableHeader className="sticky top-0 bg-muted/50">
@ -784,7 +784,7 @@ export default function AuthenticationView({
return ( return (
<div className="flex size-full flex-col"> <div className="flex size-full flex-col">
<Toaster position="top-center" closeButton={true} /> <Toaster position="top-center" closeButton={true} />
<div className="scrollbar-container order-last mb-10 mt-2 flex h-full w-full flex-col overflow-y-auto pb-2 md:order-none"> <div className="scrollbar-container order-last mb-10 mt-2 flex h-full w-full flex-col overflow-y-auto pb-2 md:order-none md:mr-2 md:mt-0">
{section === "users" && UsersSection} {section === "users" && UsersSection}
{section === "roles" && RolesSection} {section === "roles" && RolesSection}
{!section && ( {!section && (