mirror/iNaturalistReactNative
1
0
Fork 0
mirror of https://github.com/inaturalist/iNaturalistReactNative.git synced 2026-06-19 13:11:23 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add border to Pressable, not image; closes #622; closes #603 (#648)

Browse Source
This commit is contained in:
Amanda Bullington
2023-05-30 14:51:35 -07:00
committed by GitHub
parent d2783a2848
commit 2b35cabbcb
2 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "inaturalistreactnative",
"version": "0.4.0",
"version": "0.5.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "inaturalistreactnative",
"version": "0.4.0",
"version": "0.5.0",
"hasInstallScript": true,
"dependencies": {
"@babel/eslint-parser": "^7.21.3",

28
src/components/MediaViewer/PhotoSelector.js
View File

@@ -30,23 +30,25 @@ const PhotoSelector = ( {
<Pressable
accessibilityRole="button"
onPress={( ) => scrollToIndex( index )}
className={classnames(
"overflow-hidden",
{
"border border-white border-[3px]": selectedPhotoIndex === index
},
{
"mt-[18px]": isLargeScreen && isLandscapeMode,
"mt-[47px]": isLargeScreen && !isLandscapeMode
},
{
[`${smallPhotoClass}`]: !isLargeScreen,
[`${largePhotoClass}`]: isLargeScreen
}
)}
>
<Image
source={{ uri: item }}
accessibilityIgnoresInvertColors
className={classnames(
{
"border border-white border-[3px]": selectedPhotoIndex === index
},
{
"mt-[18px]": isLargeScreen && isLandscapeMode,
"mt-[47px]": isLargeScreen && !isLandscapeMode
},
{
[`${smallPhotoClass}`]: !isLargeScreen,
[`${largePhotoClass}`]: isLargeScreen
}
)}
className="w-full h-full"
/>
</Pressable>
);