duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Camera Photo View

Browse Source
This commit is contained in:
duckietm 2024-04-18 13:56:25 +02:00
parent 2d7b82ab90
commit 5dd8fc366d
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/common/card/NitroCardView.scss
View File

@ -170,8 +170,8 @@ $nitro-card-tabs-height: 42px;
.nitro-card-header-report-camera { .nitro-card-header-report-camera {
cursor: pointer; cursor: pointer;
padding: 0px 2px; padding: 1px 2px;
margin-right: 4px; margin-right: 10px;
line-height: 1; line-height: 1;
@include font-size($h7-font-size); @include font-size($h7-font-size);
border-radius: $border-radius; border-radius: $border-radius;

6
src/components/camera/views/CameraWidgetShowPhotoView.tsx
View File

@ -61,11 +61,11 @@ export const CameraWidgetShowPhotoView: FC<CameraWidgetShowPhotoViewProps> = pro
</Flex> </Flex>
{ (currentPhotos.length > 1) && { (currentPhotos.length > 1) &&
<Flex className="picture-preview-buttons"> <Flex className="picture-preview-buttons">
<FaArrowLeft className="cursor-pointer picture-preview-buttons-previous fa-icon" onClick={ previous } /> <FaArrowLeft className="cursor-pointer" onClick={ previous } />
<Text underline className="cursor-pointer" onClick={ event => GetUserProfile(currentImage.oi) }>{ currentImage.o }</Text> <Text underline className="cursor-pointer" onClick={ event => GetUserProfile(currentImage.oi) }>{ currentImage.o }</Text>
<FaArrowRight className="cursor-pointer picture-preview-buttons-next fa-icon" onClick={ next } /> <FaArrowRight className="cursor-pointer" onClick={ next } />
</Flex> </Flex>
} }
</Grid> </Grid>
); );
} }

4
src/components/room/widgets/furniture/FurnitureExternalImageView.tsx
View File

@ -1,5 +1,5 @@
import { FC } from 'react'; import { FC } from 'react';
import { GetSessionDataManager, ReportType } from '../../../../api'; import { GetSessionDataManager, LocalizeText, ReportType } from '../../../../api';
import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../common'; import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../common';
import { useFurnitureExternalImageWidget, useHelp } from '../../../../hooks'; import { useFurnitureExternalImageWidget, useHelp } from '../../../../hooks';
import { CameraWidgetShowPhotoView } from '../../../camera/views/CameraWidgetShowPhotoView'; import { CameraWidgetShowPhotoView } from '../../../camera/views/CameraWidgetShowPhotoView';
@ -13,7 +13,7 @@ export const FurnitureExternalImageView: FC<{}> = props =>
return ( return (
<NitroCardView className="nitro-external-image-widget" theme="primary-slim"> <NitroCardView className="nitro-external-image-widget" theme="primary-slim">
<NitroCardHeaderView headerText="" isGalleryPhoto={ true } onReportPhoto={ () => report(ReportType.PHOTO, { extraData: currentPhotos[currentPhotoIndex].w, roomId: currentPhotos[currentPhotoIndex].s, reportedUserId: GetSessionDataManager().userId, roomObjectId: Number(currentPhotos[currentPhotoIndex].u) }) } onCloseClick={ onClose } /> <NitroCardHeaderView headerText={ LocalizeText('camera.interface.title') } isGalleryPhoto={ true } onReportPhoto={ () => report(ReportType.PHOTO, { extraData: currentPhotos[currentPhotoIndex].w, roomId: currentPhotos[currentPhotoIndex].s, reportedUserId: GetSessionDataManager().userId, roomObjectId: Number(currentPhotos[currentPhotoIndex].u) }) } onCloseClick={ onClose } />
<NitroCardContentView> <NitroCardContentView>
<CameraWidgetShowPhotoView currentIndex={ currentPhotoIndex } currentPhotos={ currentPhotos } /> <CameraWidgetShowPhotoView currentIndex={ currentPhotoIndex } currentPhotos={ currentPhotos } />
</NitroCardContentView> </NitroCardContentView>

2
src/components/room/widgets/furniture/FurnitureWidgets.scss
View File

@ -58,7 +58,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
color: black; color: gray;
} }
.picture-preview-buttons-previous, .picture-preview-buttons-previous,