breadone/BreadnetV3
Archived
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update pages to use new layout

Browse Source
This commit is contained in:
June
2025-11-14 12:26:46 +13:00
parent d657d88e94
commit 4c4679725b
3 changed files with 31 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
web/src/pages/photos/index.astro
View File

@@ -18,33 +18,31 @@ const getImageLink = async (record: RecordModel) => {
---
<Base>
<div class="flex flex-row">
<Sidebar>
<p class="text-2xl">Photography :)</p>
Chuck me an email if you'd like a print of these, I'll see what I can do
</Sidebar>
<div class="content-panel">
{
photos.map(photo => (
<div class="max-w-md overflow-hidden md:max-w-2xl md:my-2">
<div class="md:flex">
<div class="md:shrink-0">
<img class="h-full w-full object-cover md:h-full md:w-96" src={ pb.files.getURL(photo, photo.image, {'thumb': '1080x0'}) } alt={photo.alt}>
</div>
<div class="md:pl-4 md:mt-2 mb-8 mt-3">
<div class="bold text-xl">{photo.title === "" ? "Untitled" : photo.title}</div>
<div class="pt-2">
<p>📌 {photo.location}</p>
<p>📷 {photo.camera}</p>
</div>
<div slot="sidebar">
<p class="text-2xl">Photography :)</p>
Chuck me an email if you'd like a print of these, I'll see what I can do
</div>
<div slot="content">
{
photos.map(photo => (
<div class="max-w-md overflow-hidden md:max-w-2xl md:my-2">
<div class="md:flex">
<div class="md:shrink-0">
<img class="h-full w-full object-cover md:h-full md:w-96" src={ pb.files.getURL(photo, photo.image, {'thumb': '1080x0'}) } alt={photo.alt}>
</div>
<div class="md:pl-4 md:mt-2 mb-8 mt-3">
<div class="bold text-xl">{photo.title === "" ? "Untitled" : photo.title}</div>
<div class="pt-2">
<p>📌 {photo.location}</p>
<p>📷 {photo.camera}</p>
</div>
</div>
</div>
))
}
</div>
</div>
))
}
</div>
</Base>