lotto lab 상단 설명 변경

여행 기록 사진 표시 모달 수정
This commit is contained in:
2026-01-26 01:42:02 +09:00
parent d67f925878
commit bca9724a4b
3 changed files with 97 additions and 42 deletions

View File

@@ -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">