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

layout tweaks

Browse Source
This commit is contained in:
Spectralitree 2021-01-05 02:13:03 +01:00
parent 2cdc764da9
commit 9b18f76648
4 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -11,7 +11,7 @@
/> />
<meta <meta
name="description" name="description"
content="A web interface for pluralkit. (This is still a work in progress)" content="A web interface for pluralkit."
/> />
<!-- <!--

5
src/Components/Profile.js
View File

@ -46,7 +46,8 @@ export default function Profile () {
} else setName(''); } else setName('');
if (system.avatar_url) { if (system.avatar_url) {
setAvatar(system.avatar_url.replace('?width=256&height=256&format=jpeg', '')) var avatarsmall = system.avatar_url.replace('&format=jpeg', '');
setAvatar(avatarsmall.replace('?width=256&height=256', ''))
} else setAvatar('') } else setAvatar('')
if (system.tag) { if (system.tag) {
@ -71,7 +72,7 @@ export default function Profile () {
{ system.avatar_url ? <Popup trigger={<BS.Image src={`${system.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal> { system.avatar_url ? <Popup trigger={<BS.Image src={`${system.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal>
{close => ( {close => (
<div className="text-center w-100 m-0" onClick={() => close()}> <div className="text-center w-100 m-0" onClick={() => close()}>
<BS.Image src={`${avatar}`} style={{'max-width': 500, height: 'auto'}} thumbnail /> <BS.Image src={`${avatar}`} style={{'max-width': 640, height: 'auto'}} thumbnail />
</div> </div>
)} )}
</Popup> : </Popup> :

13
src/Components/System.js
View File

@ -59,7 +59,8 @@ export default function System(props) {
} else setTimezone(''); } else setTimezone('');
if (user.avatar_url) { if (user.avatar_url) {
setAvatar(user.avatar_url.replace('?width=256&height=256&format=jpeg', '')) var avatarsmall = user.avatar_url.replace('&format=jpeg', '');
setAvatar(avatarsmall.replace('?width=256&height=256', ''))
} else setAvatar('') } else setAvatar('')
if (user.description) { if (user.description) {
@ -118,7 +119,7 @@ const submitPrivacy = data => {
{ user.avatar_url ? <Popup trigger={<BS.Image src={`${user.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal> { user.avatar_url ? <Popup trigger={<BS.Image src={`${user.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal>
{close => ( {close => (
<div className="text-center w-100 m-0" onClick={() => close()}> <div className="text-center w-100 m-0" onClick={() => close()}>
<BS.Image src={`${avatar}`} style={{'max-width': 500, height: 'auto'}} thumbnail /> <BS.Image src={`${avatar}`} style={{'max-width': 640, height: 'auto'}} thumbnail />
</div> </div>
)} )}
</Popup> : </Popup> :
@ -167,28 +168,28 @@ const submitPrivacy = data => {
<BS.Form.Row> <BS.Form.Row>
<BS.Col className="mb-lg-2" xs={12} lg={3}> <BS.Col className="mb-lg-2" xs={12} lg={3}>
<BS.Form.Label>Description:</BS.Form.Label> <BS.Form.Label>Description:</BS.Form.Label>
<BS.Form.Control name="description_privacy" as="select" ref={registerPrivacy}> <BS.Form.Control name="description_privacy" defaultValue={user.description_privacy} as="select" ref={registerPrivacy}>
<option>public</option> <option>public</option>
<option>private</option> <option>private</option>
</BS.Form.Control> </BS.Form.Control>
</BS.Col> </BS.Col>
<BS.Col className="mb-lg-2" xs={12} lg={3}> <BS.Col className="mb-lg-2" xs={12} lg={3}>
<BS.Form.Label>Member list:</BS.Form.Label> <BS.Form.Label>Member list:</BS.Form.Label>
<BS.Form.Control name="member_list_privacy" as="select" ref={registerPrivacy}> <BS.Form.Control name="member_list_privacy" defaultValue={user.member_list_privacy} as="select" ref={registerPrivacy}>
<option>public</option> <option>public</option>
<option>private</option> <option>private</option>
</BS.Form.Control> </BS.Form.Control>
</BS.Col> </BS.Col>
<BS.Col className="mb-lg-2" xs={12} lg={3}> <BS.Col className="mb-lg-2" xs={12} lg={3}>
<BS.Form.Label>Front:</BS.Form.Label> <BS.Form.Label>Front:</BS.Form.Label>
<BS.Form.Control name="front_privacy" as="select" ref={registerPrivacy}> <BS.Form.Control name="front_privacy" as="select" defaultValue={user.front_privacy} ref={registerPrivacy}>
<option>public</option> <option>public</option>
<option>private</option> <option>private</option>
</BS.Form.Control> </BS.Form.Control>
</BS.Col> </BS.Col>
<BS.Col className="mb-lg-2" xs={12} lg={3}> <BS.Col className="mb-lg-2" xs={12} lg={3}>
<BS.Form.Label>Front history:</BS.Form.Label> <BS.Form.Label>Front history:</BS.Form.Label>
<BS.Form.Control name="front_history_privacy" as="select" ref={registerPrivacy}> <BS.Form.Control name="front_history_privacy" defaultValue={user.front_history_privacy} as="select" ref={registerPrivacy}>
<option>public</option> <option>public</option>
<option>private</option> <option>private</option>
</BS.Form.Control> </BS.Form.Control>

1
src/Custom.scss
View File

@ -265,5 +265,4 @@ blockquote {
width: auto; width: auto;
} }
@import "~bootstrap/scss/bootstrap"; @import "~bootstrap/scss/bootstrap";