liz/PluralKit
liz/PluralKit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix nav on mobile

Browse Source
This commit is contained in:
Spectralitree 2021-01-06 13:27:19 +01:00
parent cfd399863b
commit 1c8b934bad
5 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintcache
View File

File diff suppressed because one or more lines are too long

4
src/Components/MemberCard.js
View File

@ -223,8 +223,8 @@ export default function MemberCard(props) {
<BS.Tooltip> <BS.Tooltip>
Copy public link Copy public link
</BS.Tooltip> </BS.Tooltip>
}><BS.Button className="mr-3" variant="link" onClick={() => copyLink()}><FaLink style={{fontSize: '1.25rem'}}/></BS.Button></BS.OverlayTrigger> : }><BS.Button variant="link" onClick={() => copyLink()}><FaLink style={{fontSize: '1.25rem'}}/></BS.Button></BS.OverlayTrigger> :
<BS.Button className="mr-3" variant="link"><FaLock style={{fontSize: '1.25rem'}} /></BS.Button> } <BS.Button variant="link"><FaLock style={{fontSize: '1.25rem'}} /></BS.Button> }
{ localStorage.getItem('pagesonly') ? { localStorage.getItem('pagesonly') ?
<Link to={`dash/${member.id}`}><BS.Button variant="link" className="float-left"><b>{member.name}</b> ({member.id})</BS.Button></Link> <Link to={`dash/${member.id}`}><BS.Button variant="link" className="float-left"><b>{member.name}</b> ({member.id})</BS.Button></Link>
: <BS.Accordion.Toggle as={BS.Button} variant="link" eventKey={member.id}> <b>{member.name}</b> ({member.id})</BS.Accordion.Toggle>}</div> : <BS.Accordion.Toggle as={BS.Button} variant="link" eventKey={member.id}> <b>{member.name}</b> ({member.id})</BS.Accordion.Toggle>}</div>

2
src/Components/ProfileCard.js
View File

@ -86,7 +86,7 @@ export default function MemberCard(props) {
<BS.Tooltip> <BS.Tooltip>
Copy link Copy link
</BS.Tooltip> </BS.Tooltip>
}><BS.Button className="mr-3" variant="link" onClick={() => copyLink()}><FaLink style={{fontSize: '1.25rem'}}/></BS.Button></BS.OverlayTrigger> }><BS.Button variant="link" onClick={() => copyLink()}><FaLink style={{fontSize: '1.25rem'}}/></BS.Button></BS.OverlayTrigger>
{ localStorage.getItem('pagesonly') ? { localStorage.getItem('pagesonly') ?
<Link to={`${sysID}/${member.id}`}><BS.Button variant="link"> <b>{member.name}</b> ({member.id})</BS.Button></Link> <Link to={`${sysID}/${member.id}`}><BS.Button variant="link"> <b>{member.name}</b> ({member.id})</BS.Button></Link>
: <BS.Accordion.Toggle as={BS.Button} variant="link" eventKey={member.id} > <b>{member.name}</b> ({member.id})</BS.Accordion.Toggle>}</div> : <BS.Accordion.Toggle as={BS.Button} variant="link" eventKey={member.id} > <b>{member.name}</b> ({member.id})</BS.Accordion.Toggle>}</div>

2
src/Components/ProfilePage.js
View File

@ -90,7 +90,7 @@ export default function ProfilePage(props) {
<BS.Tooltip> <BS.Tooltip>
Copy link Copy link
</BS.Tooltip> </BS.Tooltip>
}><BS.Button className="mr-3" variant="link" onClick={() => copyLink()}><FaLink style={{fontSize: '1.25rem'}}/></BS.Button></BS.OverlayTrigger> }><BS.Button variant="link" onClick={() => copyLink()}><FaLink style={{fontSize: '1.25rem'}}/></BS.Button></BS.OverlayTrigger>
<BS.Button variant="link" ><b>{member.name}</b> ({member.id})</BS.Button></div> <BS.Button variant="link" ><b>{member.name}</b> ({member.id})</BS.Button></div>
{ member.avatar_url ? <Popup trigger={<BS.Image src={`${member.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal> { member.avatar_url ? <Popup trigger={<BS.Image src={`${member.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal>
{close => ( {close => (

2
src/Custom.scss
View File

@ -64,6 +64,7 @@ body {
.navbar { .navbar {
background-color: $gray-100; background-color: $gray-100;
flex: 0 1 auto;
} }
.dark-mode .navbar { .dark-mode .navbar {
@ -262,6 +263,7 @@ blockquote {
.footer { .footer {
width: 100% !important; width: 100% !important;
flex: 0 1 auto;
} }
.dark-mode .page-item:not(.active) .page-link { .dark-mode .page-item:not(.active) .page-link {