Unify display with task rows

This commit is contained in:
Dane Everitt 2020-03-22 14:14:11 -07:00
parent 1bf3165cbe
commit 734bdc7b78
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53

View file

@ -140,21 +140,19 @@ export default ({ databaseId, className, onDelete }: Props) => {
<div className={'flex-1 ml-4'}> <div className={'flex-1 ml-4'}>
<p className={'text-lg'}>{database.name}</p> <p className={'text-lg'}>{database.name}</p>
</div> </div>
<div className={'ml-6'}> <div className={'ml-8 text-center'}>
<p className={'text-center text-xs text-neutral-500 uppercase mb-1 select-none'}>Endpoint:</p> <p className={'text-sm'}>{database.connectionString}</p>
<p className={'text-center text-sm'}>{database.connectionString}</p> <p className={'mt-1 text-2xs text-neutral-500 uppercase select-none'}>Endpoint</p>
</div> </div>
<div className={'ml-6'}> <div className={'ml-8 text-center'}>
<p className={'text-center text-xs text-neutral-500 uppercase mb-1 select-none'}> <p className={'text-sm'}>{database.allowConnectionsFrom}</p>
Connections From: <p className={'mt-1 text-2xs text-neutral-500 uppercase select-none'}>Connections from</p>
</p>
<p className={'text-center text-sm'}>{database.allowConnectionsFrom}</p>
</div> </div>
<div className={'ml-6'}> <div className={'ml-8 text-center'}>
<p className={'text-center text-xs text-neutral-500 uppercase mb-1 select-none'}>Username:</p> <p className={'text-sm'}>{database.username}</p>
<p className={'text-center text-sm'}>{database.username}</p> <p className={'mt-1 text-2xs text-neutral-500 uppercase select-none'}>Username</p>
</div> </div>
<div className={'ml-6'}> <div className={'ml-8'}>
<button className={'btn btn-sm btn-secondary mr-2'} onClick={() => setConnectionVisible(true)}> <button className={'btn btn-sm btn-secondary mr-2'} onClick={() => setConnectionVisible(true)}>
<FontAwesomeIcon icon={faEye} fixedWidth={true}/> <FontAwesomeIcon icon={faEye} fixedWidth={true}/>
</button> </button>