Unify display with task rows
This commit is contained in:
parent
1bf3165cbe
commit
734bdc7b78
1 changed files with 10 additions and 12 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue