ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve markdown tab spacing

This commit is contained in:
keyan 2023-10-26 13:28:12 -05:00
parent 43d3ba1807
commit 39625f7e08
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/form.js
View File

@ -214,10 +214,10 @@ export function MarkdownInput ({ label, topLevel, groupClassName, onChange, setH
<div className={`${styles.markdownInput} ${tab === 'write' ? styles.noTopLeftRadius : ''}`}> <div className={`${styles.markdownInput} ${tab === 'write' ? styles.noTopLeftRadius : ''}`}>
<Nav variant='tabs' defaultActiveKey='write' activeKey={tab} onSelect={tab => setTab(tab)}> <Nav variant='tabs' defaultActiveKey='write' activeKey={tab} onSelect={tab => setTab(tab)}>
<Nav.Item> <Nav.Item>
<Nav.Link eventKey='write'>write</Nav.Link> <Nav.Link className='py-1' eventKey='write'>write</Nav.Link>
</Nav.Item> </Nav.Item>
<Nav.Item> <Nav.Item>
<Nav.Link eventKey='preview' disabled={!meta.value}>preview</Nav.Link> <Nav.Link className={styles.previewTab} eventKey='preview' disabled={!meta.value}>preview</Nav.Link>
</Nav.Item> </Nav.Item>
<a <a
className='ms-auto text-muted d-flex align-items-center' className='ms-auto text-muted d-flex align-items-center'

5
components/form.module.css
View File

@ -45,3 +45,8 @@
opacity: 1 !important; opacity: 1 !important;
pointer-events: unset !important; pointer-events: unset !important;
} }
.previewTab {
padding-top: .2rem;
padding-bottom: .3rem;
}