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

Round UI, tweak sidebar

Browse Source
This commit is contained in:
Sam Becker 2025-09-27 20:41:22 -05:00
parent 9819a2b81e
commit e5a0c6a326
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Badge.tsx
View File

@ -29,7 +29,7 @@ export default function Badge({
case 'small': case 'small':
return clsx( return clsx(
'px-[5px] h-[17px] md:h-[18px]', 'px-[5px] h-[17px] md:h-[18px]',
'text-[0.7rem] font-medium rounded-[0.25rem]', 'text-[0.7rem] font-medium rounded-md',
contrast === 'high' contrast === 'high'
? 'text-invert bg-invert' ? 'text-invert bg-invert'
: contrast === 'frosted' : contrast === 'frosted'

15
src/photo/PhotoGridSidebar.tsx
View File

@ -125,12 +125,12 @@ export default function PhotoGridSidebar({
key="years" key="years"
title={appText.category.yearPlural} title={appText.category.yearPlural}
icon={<IconYear icon={<IconYear
size={14} size={13}
className="translate-x-[0.5px]" className="translate-x-[0.5px]"
/>} />}
maxItems={maxItemsPerCategory} maxItems={maxItemsPerCategory}
items={yearRows.map((row, index) => items={yearRows.map((row, index) =>
<div key={index} className="flex gap-1"> <div key={index} className="flex gap-[5px]">
{row.map(({ year, count }) => {row.map(({ year, count }) =>
<PhotoYear <PhotoYear
key={year} key={year}
@ -152,8 +152,8 @@ export default function PhotoGridSidebar({
key="cameras" key="cameras"
title={appText.category.cameraPlural} title={appText.category.cameraPlural}
icon={<IconCamera icon={<IconCamera
size={15} size={14}
className="translate-x-[0.5px]" className="translate-x-[1px]"
/>} />}
maxItems={maxItemsPerCategory} maxItems={maxItemsPerCategory}
items={cameras items={cameras
@ -195,7 +195,8 @@ export default function PhotoGridSidebar({
key="albums" key="albums"
title={appText.category.albumPlural} title={appText.category.albumPlural}
icon={<IconAlbum icon={<IconAlbum
className="translate-x-[1px]" size={13.5}
className="translate-x-[1.5px]"
/>} />}
maxItems={maxItemsPerCategory} maxItems={maxItemsPerCategory}
items={albums items={albums
@ -219,8 +220,8 @@ export default function PhotoGridSidebar({
key="tags" key="tags"
title={appText.category.tagPlural} title={appText.category.tagPlural}
icon={<IconTag icon={<IconTag
size={14} size={13.5}
className="translate-x-[1px] translate-y-[1px]" className="translate-x-[1.5px] translate-y-[1px]"
/>} />}
maxItems={maxItemsPerCategory} maxItems={maxItemsPerCategory}
items={tagsIncludingHidden items={tagsIncludingHidden

2
tailwind.css
View File

@ -238,7 +238,7 @@ html {
input[type=text], input[type=email], input[type=password], select, textarea { input[type=text], input[type=email], input[type=password], select, textarea {
@apply @apply
px-2.5 py-2 px-2.5 py-2
border rounded-md border rounded-lg
bg-main bg-main
border-gray-200 dark:border-gray-700 border-gray-200 dark:border-gray-700
font-mono text-base leading-tight font-mono text-base leading-tight