jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 11:46:39 -04:00
Code Issues Activity

responsive style adjustments

Browse Source
This commit is contained in:
Jake Jarvis
2021-12-31 12:46:39 -05:00
parent 1bbee816c2
commit d0e00b197c
13 changed files with 73 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/notes/Meta.module.scss
View File

@ -23,14 +23,8 @@
}
}
.meta_icon {
.icon {
margin-right: 0.6em;
user-select: none;
.icon_svg {
vertical-align: -0.2em;
cursor: inherit;
}
}
.date,

20
components/notes/Meta.tsx
View File

@ -18,15 +18,17 @@ export default function Meta({ title, date, slug, tags = [] }: Props) {
<>
<div className={styles.meta}>
<div className={styles.date}>
<span className={styles.meta_icon}>
<DateIcon className={`icon ${styles.icon_svg}`} />
<span>
<DateIcon className={`icon ${styles.icon}`} />
</span>
<span title={format(parseISO(date), "PPppp")}>
<Link href={`/notes/${slug}/`}>{format(parseISO(date), "MMMM d, yyyy")}</Link>
</span>
<span title={format(parseISO(date), "PPppp")}>{format(parseISO(date), "MMMM d, yyyy")}</span>
</div>
{tags.length > 0 && (
<div className={styles.tags}>
<span className={styles.meta_icon}>
<TagIcon className={`icon ${styles.icon_svg}`} />
<span>
<TagIcon className={`icon ${styles.icon}`} />
</span>
{tags.map((tag) => (
<span key={tag} className={styles.tag}>
@ -36,8 +38,8 @@ export default function Meta({ title, date, slug, tags = [] }: Props) {
</div>
)}
<div>
<span className={styles.meta_icon}>
<EditIcon className={`icon ${styles.icon_svg}`} />
<span>
<EditIcon className={`icon ${styles.icon}`} />
</span>
<span>
<a
@ -51,8 +53,8 @@ export default function Meta({ title, date, slug, tags = [] }: Props) {
</span>
</div>
<div>
<span className={styles.meta_icon}>
<ViewsIcon className={`icon ${styles.icon_svg}`} />
<span>
<ViewsIcon className={`icon ${styles.icon}`} />
</span>
<Hits slug={`notes/${slug}`} />
</div>