UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2025-04-02 12:21:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #767 from Rucha-Ambaliya/main
Some checks are pending
Build and Push Docker API Image / build-and-push (push) Waiting to run
Details
Build and Push Docker Base Image / build-and-push (push) Waiting to run
Details
Build and Push Docker UI Image / build-and-push (push) Waiting to run
Details

Browse Source 
Fixed carousel buttons not visible on dark image (black) and opening attachment from the inbox croping the image
This commit is contained in:
Med Marrouchi 2025-02-26 09:46:58 +01:00 committed by GitHub
commit b3a5bc2ac3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/inbox/components/AttachmentViewerForm.tsx
View File

@ -23,11 +23,11 @@ export const AttachmentViewerForm: FC<
<Wrapper {...WrapperProps}> <Wrapper {...WrapperProps}>
{/* eslint-disable-next-line @next/next/no-img-element */} {/* eslint-disable-next-line @next/next/no-img-element */}
<img <img
width="auto" width="100%"
height={800}
style={{ style={{
cursor: "pointer", cursor: "pointer",
objectFit: "contain", objectFit: "contain",
maxHeight: "70vh",
}} }}
alt={data?.url} alt={data?.url}
src={data?.url} src={data?.url}

4
frontend/src/components/inbox/components/Carousel.tsx
View File

@ -29,7 +29,7 @@ import {
const CARD_WIDTH = 300; const CARD_WIDTH = 300;
const StyledIconButton = styled(IconButton)({ const StyledIconButton = styled(IconButton)({
opacity: 0.1, opacity: 0.2,
zIndex: 9999, zIndex: 9999,
position: "absolute", position: "absolute",
top: "50%", top: "50%",
@ -37,7 +37,9 @@ const StyledIconButton = styled(IconButton)({
transition: "all 0.1s", transition: "all 0.1s",
".carousel-wrapper:hover &": { ".carousel-wrapper:hover &": {
opacity: 1, opacity: 1,
backgroundColor: "#fff"
}, },
backgroundColor: "#fff"
}); });
const StyledCarouselDiv = styled("div")({ const StyledCarouselDiv = styled("div")({
display: "flex", display: "flex",