mirror
/
remix-project
mirror of https://github.com/ethereum/remix-project.git
2
0
Fork 0
Code Issues Releases Wiki Activity

fix styles in header

Browse Source
pull/5370/head
Joseph Izang 5 months ago committed by Aniket
parent 6777fdbbaa
commit a00c06234a
1 changed files with 15 additions and 13 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 28
      libs/remix-ui/git/src/components/branchHeader.tsx

28
libs/remix-ui/git/src/components/branchHeader.tsx
Unescape View File

@ -64,9 +64,9 @@ export const BranchHeader = () => {
<div className="d-flex flex-column pt-1 mb-1"> <div className="d-flex flex-column pt-1 mb-1">
<div className="d-flex flex-column justify-content-start align-items-start"> <div className="d-flex flex-column justify-content-start align-items-start">
<div className="pr-1 m-0"> <div className="pr-1 m-0">
<span className="">Repository Name:</span> <span className="col-4 px-0">Repository Name:</span>
<span className="text-secondary text-truncate overflow-hidden whitespace-nowrap" style={{ width: '15rem' }}> <span className="" style={{ width: '15rem' }}>
<span className={`${changed ? 'text-danger pl-2' : "pl-2"}`}> <span className={`${ changed ? 'text-danger pl-2 text-truncate overflow-hidden whitespace-nowrap' : "text-secondary pl-2 text-truncate overflow-hidden whitespace-nowrap" }`}>
{getName() ?? ''} {getName() ?? ''}
</span> </span>
</span> </span>
@ -81,23 +81,25 @@ export const BranchHeader = () => {
</span> </span>
</div> </div>
{context.storage.enabled ? {context.storage.enabled ?
<div className="d-flex flex-column"> <div className="d-flex">
<span className="d-flex justify-between align-items-center"> <span className="d-flex justify-between align-items-center" style={{ width: '15rem' }}>
<span className="">Storage : </span> <span className="col-4 px-0">Storage : </span>
<span className="text-secondary text-sm text-truncate overflow-hidden whitespace-nowrap ml-4"> <span className="text-secondary text-sm text-truncate overflow-hidden whitespace-nowrap ml-4">
{context.storage.used} MB used {context.storage.used} MB used
({context.storage.percentUsed} %) ({context.storage.percentUsed} %)
</span> </span>
</span> </span>
</div> : null} </div> : null}
<div className="d-flex flex-row"> <div className="d-flex flex-row">
<span className="d-flex justify-between align-items-center"> <span className="d-flex justify-between align-items-center">
<span className="">Messages :</span> <span className="col-3 px-0">Messages :</span>
<span className="pl-2 text-secondary text-truncate overflow-hidden whitespace-nowrap"> <span className="" style={{ width: '15rem' }}>
{latestCommit ? <span className="text-secondary text-truncate overflow-hidden whitespace-nowrap">
latestCommit.commit && latestCommit.commit.message ? latestCommit.commit.message : '' : null} {latestCommit ?
{isDetached ? latestCommit.commit && latestCommit.commit.message ? latestCommit.commit.message : '' : null}
<>You are in a detached state<i onClick={showDetachedWarningText} className="btn fa fa-info-circle mr-1 pl-2"></i></> : null} {isDetached ?
<>You are in a detached state<i onClick={showDetachedWarningText} className="btn fa fa-info-circle mr-1 pl-2"></i></>: null}
</span>
</span> </span>
</span> </span>
</div> </div>

Write Preview
Loading…
Cancel
Save