mikkel/astro-personal-website
1
0
Fork 0
mirror of https://github.com/mikkelsvartveit/astro-personal-website.git synced 2025-12-22 19:22:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tweak photo layout & add two photos

Browse source
This commit is contained in:
Mikkel Svartveit 2023-10-26 20:55:26 -07:00
parent 12ed3514bd
commit f1d3b29ec9
4 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/photos/21.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 MiB

BIN
src/assets/photos/22.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.9 MiB

2
src/pages/photography/[photo].astro
View file

@ -22,7 +22,7 @@ const { photo } = Astro.props;
<RootLayout title="Photo" hideScrollbar themeColor="#111827">
<div
class="cursor-pointer bg-gray-900 w-full h-screen flex justify-center"
class="cursor-pointer bg-gray-900 w-full h-[100svh] fixed flex justify-center"
onclick="
history.back()
"

6
src/pages/photography/index.astro
View file

@ -39,12 +39,14 @@ export const getFileNameFromPath = (path: string) => {
</TextContentLayout>
</ContainerLayout>
<section class="px-4 mb-2 columns-2 gap-4 md:columns-3 lg:columns-4">
<section
class="px-3 mb-2 columns-2 gap-3 sm:px-4 sm:gap-4 md:columns-3 lg:columns-4"
>
{
photos.sort(sortFiles).map((photo) => (
<a
href={`/photography/${getFileNameFromPath(photo.default.src)}`}
class="flex w-full py-2 duration-100 hover:-translate-y-1 rounded-lg"
class="flex w-full py-1.5 duration-100 hover:-translate-y-1 rounded-lg sm:py-2"
>
<div class="bg-gray-200 rounded">
<Image