diff --git a/logo/logo.sketch b/logo/logo.sketch index d9fa27e..8f96757 100644 Binary files a/logo/logo.sketch and b/logo/logo.sketch differ diff --git a/src/artworks/0_artworks-list/artworksList.tsx b/src/artworks/0_artworks-list/artworksList.tsx index 95bf689..f25f14f 100644 --- a/src/artworks/0_artworks-list/artworksList.tsx +++ b/src/artworks/0_artworks-list/artworksList.tsx @@ -17,7 +17,7 @@ export interface IArtworkItem { textColor?: `#${string}`; full?: boolean; // Only use this if you really have no other but to claim more space. oneLink?: ILink; - editedAt?: Date; + editedAt: Date; } const artworksList: IArtworkItem[] = [ diff --git a/src/website/artwork/Artwork.tsx b/src/website/artwork/Artwork.tsx index efa1b24..f8ac6aa 100644 --- a/src/website/artwork/Artwork.tsx +++ b/src/website/artwork/Artwork.tsx @@ -34,7 +34,9 @@ export default function Artwork({ artwork }: ArtWrapperProps): ReactElement { )}

{artwork.titel}

- {artwork.editedAt && {artwork.editedAt.toLocaleDateString()}} + {artwork.editedAt && ( + {artwork.editedAt.toLocaleDateString()} + )} ); diff --git a/src/website/artwork/artwork.module.scss b/src/website/artwork/artwork.module.scss index 2ba8643..9e99dcc 100644 --- a/src/website/artwork/artwork.module.scss +++ b/src/website/artwork/artwork.module.scss @@ -40,7 +40,7 @@ justify-content: space-between; align-items: center; flex-wrap: wrap; - gap: 0.5rem; + gap: 0.5rem 1rem; border-top: #737373 1px solid; background-color: rgba(255, 255, 255, 0.25); color: var(--text-color); @@ -66,6 +66,16 @@ } } } + + & .component_date { + text-align: right; + } + + & .component_creator, + & .component_date { + flex: 1 0 20%; + white-space: nowrap; + } } @media (hover: none) {