strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweak test film simulation icon

Browse Source
This commit is contained in:
Sam Becker 2023-10-28 13:24:54 -05:00
parent 6bba6f2dd5
commit 6ba185bbe6
2 changed files with 35 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/photo/PhotoLarge.tsx
View File

@ -75,7 +75,7 @@ export default function PhotoLarge({
<PhotoTags tags={tagsToShow} />}
</div>
{showCamera && photoHasCameraData(photo) &&
<div className="inline-flex items-center">
<div className="self-start inline-flex items-center">
<PhotoCamera
camera={camera}
showIcon={false}

101
src/vendors/fujifilm/PhotoFujifilmSimulation.tsx vendored
View File

@ -1,77 +1,44 @@
/* eslint-disable max-len */
import { FujifilmSimulation } from '@/vendors/fujifilm';
import { FujifilmSimulation, getLabelForFilmSimulation } from '@/vendors/fujifilm';
export default function PhotoFilmSimulation({
simulation: _simulation,
simulation,
}: {
simulation: FujifilmSimulation;
}) {
const contentForSimulation = () => {
switch (simulation) {
default:
return (
<>
<g clip-path="url(#clip0_256_511)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.25 15H23.5C23.6381 15 23.75 14.8881 23.75 14.75V10.5144C23.75 10.4516 23.7737 10.391 23.8163 10.3448L26.6839 7.23849C26.7265 7.19231 26.7502 7.13177 26.7502 7.06892V3.25C26.7502 3.11193 26.6405 3 26.5024 3H17.2474C17.1094 3 17 3.11194 17 3.25001L17.0002 5.99999C17.0002 6.13806 16.8882 6.25 16.7502 6.25H15.7502C15.6121 6.25 15.5002 6.36192 15.5002 6.49999L15.5 11.5C15.5 11.6381 15.6119 11.75 15.75 11.75H16.75C16.8881 11.75 17 11.8619 17 12V14.75C17 14.8881 17.1119 15 17.25 15ZM19.75 4H18V5.5H19.75V4ZM18 12.5H19.75V14H18V12.5ZM22.75 4H21V5.5H22.75V4ZM21 12.5H22.75V14H21V12.5ZM25.75 4H24V5.5H25.75V4Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 2.99999L2.25 2.99999C2.11193 2.99999 2 3.11192 2 3.24999V4.74998C2 4.88806 2.11193 4.99998 2.25 4.99998H3.00001C3.13808 4.99998 3.25001 5.11191 3.25001 5.24999L3.25 12.75C3.25 12.8881 3.13807 13 3 13H2.25C2.11193 13 2 13.1119 2 13.25V14.75C2 14.8881 2.11193 15 2.25 15H14C14.1381 15 14.25 14.8881 14.25 14.75V13.25C14.25 13.1119 14.1381 13 14 13H13.25C13.1119 13 13 12.8881 13 12.75L13 5.25C13 5.11193 13.112 5 13.25 5H14C14.1381 5 14.25 4.88807 14.25 4.75V3.24999C14.25 3.11192 14.1381 2.99999 14 2.99999L11.25 2.99999C11.1119 2.99998 11 2.88806 11 2.74999V1.24998C11 1.11191 10.8881 0.999985 10.75 0.999985H5.5C5.36193 0.999985 5.25 1.11191 5.25 1.24998V2.74999C5.25 2.88806 5.13807 2.99998 5 2.99999ZM5.02318 4.8975L7.32943 12.75H9.21943L11.4807 4.8975H9.86068L8.62318 9.6675L8.37568 11.2875H8.19568L7.94818 9.6675L6.68818 4.8975H5.02318Z" fill="currentColor"/>
</g>
<defs>
<clipPath id="clip0_256_511">
<rect width="28" height="16" fill="currentColor"/>
</clipPath>
</defs>
</>
);
}
};
return (
<svg
width="23"
height="15"
viewBox="0 0 23 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
<span
title={getLabelForFilmSimulation(simulation)}
className="text-dim"
>
<g clip-path="url(#clip0_240_5)">
<path
d="M1.29156 2.00001L4.00092 2C4.27706 2 4.50001 1.77614 4.50001 1.5C4.50001 1.22386 4.72387 1 5.00001 1H8.50001C8.77615 1 9.00001 1.22386 9.00001 1.5C9.00001 1.77614 9.22387 2 9.50001 2L11.6668 2.00001C11.989 2.00001 12.2501 2.26118 12.2501 2.58334V2.75001C12.2501 3.07218 12.5075 3.33334 12.8296 3.33334H21.6674C21.9896 3.33334 22.2501 3.59451 22.2501 3.91668V7.70834C22.2501 7.89195 22.1637 8.06485 22.0168 8.17501L20.1501 9.57501C20.0032 9.68518 19.9168 9.85807 19.9168 10.0417L19.9168 12.1667C19.9168 12.4888 19.6556 12.75 19.3334 12.75H12.8333C12.5112 12.75 12.25 13.0112 12.25 13.3333V13.4167C12.25 13.7388 11.9888 14 11.6667 14H1.29167C1.13058 14 1 13.8694 1 13.7083V12.7917C1 12.6306 1.13058 12.5 1.29167 12.5H2L2.00001 3.5H1.29168C1.13059 3.5 1.00001 3.36942 1.00001 3.20833V2.29168C1.00001 2.13059 1.13048 2.00001 1.29156 2.00001Z"
fill="white"
/>
<rect
x="14.25"
y="10.25"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<rect
x="16.75"
y="10.25"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<rect
x="14.25"
y="4.5"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<rect
x="16.75"
y="4.5"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<rect
x="19.25"
y="4.5"
width="1.5"
height="1.25"
rx="0.291667"
fill="black"
/>
<path
d="M5.537 11.75L3.5945 4.421H5.348L6.209 8.1485L6.6395 10.259H6.7235L7.1645 8.1485L8.036 4.421H9.7055L7.763 11.75H5.537Z"
fill="black"
/>
<line
x1="12.25"
y1="1"
x2="12.25"
y2="16"
stroke="black"
stroke-width="1.5"
/>
</g>
</svg>
<svg
width="28"
height="16"
viewBox="0 0 28 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
{contentForSimulation()}
</svg>
</span>
);
}