lotto lab 상단 설명 변경
여행 기록 사진 표시 모달 수정
This commit is contained in:
@@ -567,10 +567,10 @@ const Travel = () => {
|
||||
>
|
||||
×
|
||||
</button>
|
||||
<div className="travel-modal__nav">
|
||||
<div className="travel-modal__stage">
|
||||
<button
|
||||
type="button"
|
||||
className="travel-modal__arrow"
|
||||
className="travel-modal__arrow is-prev"
|
||||
onClick={() =>
|
||||
setSelectedPhotoIndex((prev) =>
|
||||
prev === null
|
||||
@@ -583,9 +583,32 @@ const Travel = () => {
|
||||
>
|
||||
{'<'}
|
||||
</button>
|
||||
<div className="travel-modal__frame">
|
||||
<img
|
||||
key={
|
||||
photos[selectedPhotoIndex]?.original ||
|
||||
photos[selectedPhotoIndex]?.src ||
|
||||
selectedPhotoIndex
|
||||
}
|
||||
className="travel-modal__image"
|
||||
src={
|
||||
photos[selectedPhotoIndex]?.original ||
|
||||
photos[selectedPhotoIndex]?.src
|
||||
}
|
||||
alt={getPhotoLabel(photos[selectedPhotoIndex])}
|
||||
onError={(event) => {
|
||||
const img = event.currentTarget;
|
||||
const original =
|
||||
photos[selectedPhotoIndex]?.original;
|
||||
if (original && img.src !== original) {
|
||||
img.src = original;
|
||||
}
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
className="travel-modal__arrow"
|
||||
className="travel-modal__arrow is-next"
|
||||
onClick={() =>
|
||||
setSelectedPhotoIndex((prev) =>
|
||||
prev === null
|
||||
@@ -636,13 +659,6 @@ const Travel = () => {
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<img
|
||||
src={
|
||||
photos[selectedPhotoIndex]?.original ||
|
||||
photos[selectedPhotoIndex]?.src
|
||||
}
|
||||
alt={getPhotoLabel(photos[selectedPhotoIndex])}
|
||||
/>
|
||||
{photos[selectedPhotoIndex]?.album ||
|
||||
photos[selectedPhotoIndex]?.file ? (
|
||||
<p className="travel-modal__meta">
|
||||
|
||||
Reference in New Issue
Block a user