0ct0pu5/runtipi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style: fix visual regression in app tile where app name was not aligned with status indicator

Browse source
This commit is contained in:
Nicolas Meienberger 2023-05-23 17:47:57 +02:00
parent 4fc1f935e7
commit 006c57f58d
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/client/components/AppTile/AppTile.tsx
View file

@ -22,11 +22,11 @@ export const AppTile: React.FC<{ app: AppTileInfo; status: AppStatusEnum; update
<div className="card-body">
<div className="d-flex align-items-center">
<span className="me-3">
<AppLogo alt={`${app.name} logo`} className="mr-3 group-hover:scale-105 transition-all" id={app.id} size={60} />
<AppLogo alt={`${app.name} logo`} id={app.id} size={60} />
</span>
<div>
<div className="d-flex h-3 align-items-center">
<span className="h4 me-2 mt-1 fw-bolder">{app.name}</span>
<span className="h4 me-2 mb-1 fw-bolder">{app.name}</span>
<div className={styles.statusContainer}>
<AppStatus lite status={status} />
</div>