chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

swap out redwood forest photo and adjust metadataitem spacing

Browse Source
This commit is contained in:
Chuck Dries 2022-02-10 11:39:11 -08:00
parent 6a7fd29640
commit f20e534e48
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
data/gallery/_DSC8445.jpg (Stored with Git LFS)
View File

Binary file not shown.

BIN
data/gallery/_DSC8447.jpg (Stored with Git LFS) Normal file
View File

Binary file not shown.

6
src/components/GalleryImage/MetadataItem.js
View File

@ -3,9 +3,9 @@ import React from "react";
const MetadataItem = ({ icon, data, title }) =>
data ? (
<div className="flex justify-end items-end mr-2">
<div className="flex flex-col items-end">
<span className="font-mono text-sm m-0 mt-2 ">{title}</span>
<span className="text-lg whitespace-nowrap">{data}</span>
<div className="flex flex-col items-end my-2">
<span className="font-mono text-sm opacity-60 m-0 ">{title}</span>
<span className="text-lg leading-4 whitespace-nowrap">{data}</span>
</div>
<span className="icon-offset ml-2 mt-1 text-2xl">
<ion-icon name={icon} title={title}></ion-icon>