Skip to content

Commit 098bf66

Browse files
JonasBaTkDodo
andauthored
storybook: smaller last edited (#91875)
Visually update the last edited label to be smaller and visually prioritize the component title and the buttons Before ![CleanShot 2025-05-19 at 12 50 52@2x](https://github.com/user-attachments/assets/8c4712fa-8c16-4472-897e-5aea5a5c38b0) After ![CleanShot 2025-05-19 at 12 49 17@2x](https://github.com/user-attachments/assets/9788f7b0-ae00-4b2d-ab74-f4364cb42088) --------- Co-authored-by: Dominik Dorfmeister <[email protected]>
1 parent e449da3 commit 098bf66

File tree

1 file changed

+10
-4
lines changed

1 file changed

+10
-4
lines changed

static/app/views/stories/storySourceLinks.tsx

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import {Fragment} from 'react';
2+
import styled from '@emotion/styled';
23

34
import {LinkButton} from 'sentry/components/core/button/linkButton';
45
import {DateTime} from 'sentry/components/dateTime';
@@ -24,15 +25,15 @@ export function StorySourceLinks(props: {story: StoryDescriptor}) {
2425
return response.json();
2526
},
2627
});
28+
2729
const committerDate = data?.[0]?.commit.committer.date;
2830

2931
return (
3032
<Fragment>
3133
{committerDate ? (
32-
<Fragment>
33-
Story Last Edited:
34-
<DateTime date={committerDate} />
35-
</Fragment>
34+
<LastEdited>
35+
Last Edited: <DateTime date={committerDate} />
36+
</LastEdited>
3637
) : null}
3738
<LinkButton
3839
href={`https://github.com/getsentry/sentry/blob/master/static/${props.story.filename}`}
@@ -55,3 +56,8 @@ export function StorySourceLinks(props: {story: StoryDescriptor}) {
5556
</Fragment>
5657
);
5758
}
59+
60+
const LastEdited = styled('span')`
61+
font-size: ${p => p.theme.fontSizeSmall};
62+
color: ${p => p.theme.tokens.content.muted};
63+
`;

0 commit comments

Comments
 (0)