c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Move fake link class

Browse Source
This commit is contained in:
Daniel Kluge 2022-07-30 17:49:29 +02:00
parent f188e94e0c
commit 7f81af2454
3 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/ProjectModal.tsx
View File

@ -79,8 +79,8 @@ const ProjectModal: NextPage = () => {
const nextPageSelector = (() => {
if (!currentContent || currentContent?.type !== "diary" || currentContent.entries.length === 0) return null;
const prev = <span className={styles.leftSelectSpace}>{currentPage > 0 ? <a className={"fake-link"} onClick={() => setModalContent(currentContent, currentPage - 1)}>&lt; {currentPage - 1 > 0 ? currentContent.entries[currentPage - 2].title : "Main page"}</a> : null}</span>;
const next = <span className={styles.rightSelectSpace}>{currentPage < currentContent.entries.length ? <a className={"fake-link"} onClick={() => setModalContent(currentContent, currentPage + 1)}>{currentContent.entries[currentPage].title} &gt;</a> : null}</span>;
const prev = <span className={styles.leftSelectSpace}>{currentPage > 0 ? <a className={styles.fakeLink} onClick={() => setModalContent(currentContent, currentPage - 1)}>&lt; {currentPage - 1 > 0 ? currentContent.entries[currentPage - 2].title : "Main page"}</a> : null}</span>;
const next = <span className={styles.rightSelectSpace}>{currentPage < currentContent.entries.length ? <a className={styles.fakeLink} onClick={() => setModalContent(currentContent, currentPage + 1)}>{currentContent.entries[currentPage].title} &gt;</a> : null}</span>;
const select = (
<select onChange={(e) => setModalContent(currentContent, Number.parseInt(e.target.value))} value={currentPage}>
@ -93,7 +93,7 @@ const ProjectModal: NextPage = () => {
})();
return <div className={styles.modal}>
<a onClick={() => setVisible(false)} className={"fake-link"}>
<a onClick={() => setVisible(false)} className={styles.fakeLink}>
<div className={styles.modalClose}><div className={styles.modalCloseAlign}>X</div></div>
</a>
<div className={styles.modalContainer}>

10
styles/ProjectModal.module.css
View File

@ -143,3 +143,13 @@
display: block;
}
}
.fakeLink {
color: var(--repl-color-link);
text-decoration: none;
cursor: pointer;
}
.fakeLink:hover {
text-decoration: underline;
}

9
styles/globals.css
View File

@ -19,12 +19,3 @@ body {
color: var(--repl-color);
background: #000;
}
.fake-link {
color: var(--repl-color-link);
text-decoration: none;
cursor: pointer;
}
.fake-link:hover {
text-decoration: underline;
}