eliribble
/
drishti
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move email list text to the left, fill the viewport, add border. 

Much prettier.
This commit is contained in:
Eli Ribble 2024-08-28 09:38:50 -07:00
parent 0d2e43ae83
commit e68a21dcc4
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/AppLayout.tsx
View File

@ -19,7 +19,7 @@ type TopProps = {
const AppLayout: React.FC<TopProps> = (props) => { const AppLayout: React.FC<TopProps> = (props) => {
return ( return (
<Container> <Container fluid>
<Row> <Row>
<Col> <Col>
<AccountList account={props.account} accounts={props.accounts} /> <AccountList account={props.account} accounts={props.accounts} />

2
src/EmailList.tsx
View File

@ -34,7 +34,7 @@ class EmailList extends React.Component<EmailListProps, EmailListState> {
return <Stack />; return <Stack />;
} else { } else {
return ( return (
<Stack> <Stack className="text-start">
{this.props.mailbox.emailIds.slice(0, 5).map((e) => ( {this.props.mailbox.emailIds.slice(0, 5).map((e) => (
<EmailSummary <EmailSummary
account={this.props.account} account={this.props.account}

2
src/EmailSummary.tsx
View File

@ -29,7 +29,7 @@ class EmailSummary extends React.Component<
render() { render() {
return ( return (
<div className="p-2" key={this.props.emailId}> <div className="p-2 border" key={this.props.emailId}>
{this.props.email != null {this.props.email != null
? this.props.email.subject ? this.props.email.subject
: this.props.emailId} : this.props.emailId}