dtoro/mule-image
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: bottom padding on views so last row clears keyboard hints pill

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
authentik Default Admin
2026-04-11 21:51:00 +02:00
parent 38d975e354
commit 6457dc9da5
6 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/colors/ColorsView.tsx
View File

@@ -130,7 +130,7 @@ export function ColorsView() {
} }
return ( return (
<div className="h-full overflow-auto p-4"> <div className="h-full overflow-auto p-4 pb-20">
<div className="mb-4 flex items-center gap-2 text-text-muted"> <div className="mb-4 flex items-center gap-2 text-text-muted">
<Palette className="h-4 w-4" /> <Palette className="h-4 w-4" />
<span className="text-sm font-medium"> <span className="text-sm font-medium">

2
frontend/src/components/duplicates/DuplicatesView.tsx
View File

@@ -178,7 +178,7 @@ export function DuplicatesView() {
} }
return ( return (
<div className="h-full overflow-auto bg-bg p-4"> <div className="h-full overflow-auto bg-bg p-4 pb-20">
<div className="mb-4 flex items-center gap-2 text-xs text-text-muted"> <div className="mb-4 flex items-center gap-2 text-xs text-text-muted">
<Info className="h-3.5 w-3.5" /> <Info className="h-3.5 w-3.5" />
<span> <span>

2
frontend/src/components/people/PeopleView.tsx
View File

@@ -149,7 +149,7 @@ export function PeopleView() {
} }
return ( return (
<div className="h-full overflow-auto p-4"> <div className="h-full overflow-auto p-4 pb-20">
<div className="mb-4 flex items-center gap-2 text-text-muted"> <div className="mb-4 flex items-center gap-2 text-text-muted">
<Users className="h-4 w-4" /> <Users className="h-4 w-4" />
<span className="text-sm font-medium"> <span className="text-sm font-medium">

2
frontend/src/components/rated/RatedView.tsx
View File

@@ -118,7 +118,7 @@ export function RatedView() {
} }
return ( return (
<div className="h-full overflow-auto p-4"> <div className="h-full overflow-auto p-4 pb-20">
<div className="mb-4 flex items-center gap-2 text-text-muted"> <div className="mb-4 flex items-center gap-2 text-text-muted">
<Star className="h-4 w-4" /> <Star className="h-4 w-4" />
<span className="text-sm font-medium"> <span className="text-sm font-medium">

2
frontend/src/components/tags/TagsView.tsx
View File

@@ -86,7 +86,7 @@ export function TagsView() {
} }
return ( return (
<div className="h-full overflow-auto p-4"> <div className="h-full overflow-auto p-4 pb-20">
<div className="mb-4 flex items-center gap-2 text-text-muted"> <div className="mb-4 flex items-center gap-2 text-text-muted">
<TagIcon className="h-4 w-4" /> <TagIcon className="h-4 w-4" />
<span className="text-sm font-medium"> <span className="text-sm font-medium">

4
frontend/src/components/timeline/Timeline.tsx
View File

@@ -694,7 +694,9 @@ export function Timeline() {
<div <div
ref={parentRef} ref={parentRef}
className="h-full overflow-auto bg-bg" className="h-full overflow-auto bg-bg"
style={{ padding: `${PADDING}px` }} // Extra bottom padding so the last row clears the floating
// KeyboardHints pill (which sits at bottom-4, ~40px tall).
style={{ padding: `${PADDING}px`, paddingBottom: `${PADDING + 64}px` }}
> >
<div <div
style={{ style={{