External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix styling

Browse Source
This commit is contained in:
plebeius
2026-02-13 14:10:10 +08:00
parent 61eb1e80f5
commit f24258f278
2 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/topbar-edit-modal/topbar-edit-modal.module.css
+10 -3
View File
@@ -138,13 +138,20 @@
.editSubscriptionsLink { .editSubscriptionsLink {
font-size: var(--body-font-size); font-size: var(--body-font-size);
color: var(--link-color, #0000ee); color: var(--post-link-text-color);
text-decoration: underline; text-decoration: var(--post-content-link-text-decoration);
cursor: pointer; cursor: pointer;
} }
.editSubscriptionsWrapper {
display: inline-flex;
align-items: center;
gap: 0;
}
.editSubscriptionsLink:hover { .editSubscriptionsLink:hover {
color: var(--link-hover-color, #551a8b); color: var(--post-link-text-color-hover);
text-decoration: var(--post-content-link-text-decoration-hover);
} }
.topbarEditFooter { .topbarEditFooter {
src/components/topbar-edit-modal/topbar-edit-modal.tsx
+4 -3
View File
@@ -100,8 +100,9 @@ const TopbarEditModal = () => {
<div className={styles.section}> <div className={styles.section}>
<div className={styles.checkboxItem}> <div className={styles.checkboxItem}>
<input type='checkbox' id='show-subscriptions' checked={showSubscriptions} onChange={(e) => setShowSubscriptions(e.target.checked)} /> <input type='checkbox' id='show-subscriptions' checked={showSubscriptions} onChange={(e) => setShowSubscriptions(e.target.checked)} />
<label htmlFor='show-subscriptions'> <label htmlFor='show-subscriptions'>show subscriptions</label>
show subscriptions ( <span className={styles.editSubscriptionsWrapper}>
(
<Link <Link
to={location.pathname.replace(/\/$/, '') + '/settings#subscriptions-settings'} to={location.pathname.replace(/\/$/, '') + '/settings#subscriptions-settings'}
className={styles.editSubscriptionsLink} className={styles.editSubscriptionsLink}
@@ -113,7 +114,7 @@ const TopbarEditModal = () => {
edit subscriptions edit subscriptions
</Link> </Link>
) )
</label> </span>
</div> </div>
</div> </div>
)} )}