kenryuS/sera-new-hp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Applied NuxtImg to pages and components

Browse Source
This commit is contained in:
Kenryu Shibata
2024-12-07 23:29:20 +09:00
parent 3ddcf5fa5e
commit e821b258c3
13 changed files with 264 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pages/about/gallery.vue
View File

@@ -63,7 +63,7 @@ useSeoMeta(
:key="entry.id"
>
<figure>
<img :src="entry.imagePath" :alt="entry.caption" />
<NuxtImg :src="entry.imagePath" :alt="entry.caption" />
<figcaption>{{ entry.caption }}</figcaption>
</figure>
</div>
@@ -73,7 +73,7 @@ useSeoMeta(
<button @click="closeViewer" class="close">
<Icon name="ic:baseline-close" />
</button>
<img :src="imagePathViewer" :alt="captionViewer" />
<NuxtImg :src="imagePathViewer" :alt="captionViewer" />
<p>{{ captionViewer }}</p>
<button @click="changeImage(Direction.FORWARD)" class="next">
<Icon name="material-symbols:arrow-forward-rounded" />
@@ -163,6 +163,7 @@ main {
grid-area: caption;
justify-self: center;
align-self: flex-end;
margin-inline: 1.25rem;
}
.image-viewer .close {