saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-09-18 01:19:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rems

Browse Source
This commit is contained in:
Reece Browne 2025-09-12 16:38:29 +01:00
parent 18e4e03220
commit 1709ca9049
4 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/shared/RightRail.tsx
View File

@ -230,7 +230,7 @@ export default function RightRail() {
</div>
</Popover.Target>
<Popover.Dropdown>
<div style={{ minWidth: 320 }}>
<div style={{ minWidth: '20rem' }}>
<SearchInterface
visible={true}
onClose={() => {}}
@ -343,7 +343,7 @@ export default function RightRail() {
</div>
</Popover.Target>
<Popover.Dropdown>
<div style={{ minWidth: 280 }}>
<div style={{ minWidth: '17.5rem' }}>
<BulkSelectionPanel
csvInput={csvInput}
setCsvInput={setCsvInput}

18
frontend/src/components/viewer/PdfViewerToolbar.tsx
View File

@ -140,7 +140,7 @@ export function PdfViewerToolbar({
borderBottomRightRadius: 0,
boxShadow: "0 -2px 8px rgba(0,0,0,0.04)",
pointerEvents: "auto",
minWidth: 420,
minWidth: '26.5rem',
}}
>
{/* First Page Button */}
@ -152,7 +152,7 @@ export function PdfViewerToolbar({
radius="xl"
onClick={handleFirstPage}
disabled={dynamicPage === 1}
style={{ minWidth: 36 }}
style={{ minWidth: '2.5rem' }}
title={t("viewer.firstPage", "First Page")}
>
<FirstPageIcon fontSize="small" />
@ -167,7 +167,7 @@ export function PdfViewerToolbar({
radius="xl"
onClick={handlePreviousPage}
disabled={dynamicPage === 1}
style={{ minWidth: 36 }}
style={{ minWidth: '2.5rem' }}
title={t("viewer.previousPage", "Previous Page")}
>
<ArrowBackIosIcon fontSize="small" />
@ -204,7 +204,7 @@ export function PdfViewerToolbar({
radius="xl"
onClick={handleNextPage}
disabled={dynamicPage === dynamicTotalPages}
style={{ minWidth: 36 }}
style={{ minWidth: '2.5rem' }}
title={t("viewer.nextPage", "Next Page")}
>
<ArrowForwardIosIcon fontSize="small" />
@ -219,7 +219,7 @@ export function PdfViewerToolbar({
radius="xl"
onClick={handleLastPage}
disabled={dynamicPage === dynamicTotalPages}
style={{ minWidth: 36 }}
style={{ minWidth: '2.5rem' }}
title={t("viewer.lastPage", "Last Page")}
>
<LastPageIcon fontSize="small" />
@ -232,7 +232,7 @@ export function PdfViewerToolbar({
size="md"
radius="xl"
onClick={onDualPageToggle}
style={{ minWidth: 36 }}
style={{ minWidth: '2.5rem' }}
title={dualPage ? t("viewer.singlePageView", "Single Page View") : t("viewer.dualPageView", "Dual Page View")}
>
{dualPage ? <DescriptionIcon fontSize="small" /> : <ViewWeekIcon fontSize="small" />}
@ -246,12 +246,12 @@ export function PdfViewerToolbar({
size="md"
radius="xl"
onClick={handleZoomOut}
style={{ minWidth: 32, padding: 0 }}
style={{ minWidth: '2rem', padding: 0 }}
title={t("viewer.zoomOut", "Zoom out")}
>
−
</Button>
<span style={{ minWidth: 40, textAlign: "center" }}>
<span style={{ minWidth: '2.5rem', textAlign: "center" }}>
{dynamicZoom}%
</span>
<Button
@ -260,7 +260,7 @@ export function PdfViewerToolbar({
size="md"
radius="xl"
onClick={handleZoomIn}
style={{ minWidth: 32, padding: 0 }}
style={{ minWidth: '2rem', padding: 0 }}
title={t("viewer.zoomIn", "Zoom in")}
>
+

5
frontend/src/components/viewer/SearchInterface.tsx
View File

@ -120,7 +120,8 @@ export function SearchInterface({ visible, onClose }: SearchInterfaceProps) {
const handleJumpToResult = (index: number) => {
const searchAPI = (window as any).embedPdfSearch;
if (searchAPI && resultInfo && index >= 1 && index <= resultInfo.totalResults) {
searchAPI.goToResult(index);
// Convert 1-based user input to 0-based API index
searchAPI.goToResult(index - 1);
}
};
@ -200,7 +201,7 @@ export function SearchInterface({ visible, onClose }: SearchInterfaceProps) {
onKeyDown={handleJumpToKeyDown}
onBlur={handleJumpToSubmit}
placeholder={resultInfo.currentIndex.toString()}
style={{ width: '50px' }}
style={{ width: '3rem' }}
type="number"
min="1"
max={resultInfo.totalResults}

10
frontend/src/components/viewer/ThumbnailSidebar.tsx
View File

@ -111,7 +111,7 @@ export function ThumbnailSidebar({ visible, onToggle, colorScheme }: ThumbnailSi
right: 0,
top: 0,
bottom: 0,
width: '240px',
width: '15rem',
backgroundColor: actualColorScheme === 'dark' ? '#1a1b1e' : '#f8f9fa',
borderLeft: `1px solid ${actualColorScheme === 'dark' ? '#373A40' : '#e9ecef'}`,
zIndex: 998,
@ -174,8 +174,8 @@ export function ThumbnailSidebar({ visible, onToggle, colorScheme }: ThumbnailSi
/>
) : thumbnails[pageIndex] === 'error' ? (
<div style={{
width: '180px',
height: '240px',
width: '11.5rem',
height: '15rem',
backgroundColor: actualColorScheme === 'dark' ? '#2d1b1b' : '#ffebee',
border: `1px solid ${actualColorScheme === 'dark' ? '#5d3737' : '#ffcdd2'}`,
borderRadius: '4px',
@ -189,8 +189,8 @@ export function ThumbnailSidebar({ visible, onToggle, colorScheme }: ThumbnailSi
</div>
) : (
<div style={{
width: '180px',
height: '240px',
width: '11.5rem',
height: '15rem',
backgroundColor: actualColorScheme === 'dark' ? '#25262b' : '#f8f9fa',
border: `1px solid ${actualColorScheme === 'dark' ? '#373A40' : '#e9ecef'}`,
borderRadius: '4px',