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

feat: add link to open exposed app to domain

Browse source
This commit is contained in:
Nicolas Meienberger 2022-12-20 20:32:27 +01:00 committed by Nicolas Meienberger
parent 70e2ca67cb
commit a46a02231c
3 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/dashboard/src/components/AppStatus/AppStatus.module.scss
View file

@ -1,3 +1,3 @@
.text { .text {
margin-bottom: 1px; // margin-bottom: px;
} }

2
packages/dashboard/src/components/Layout/Layout.tsx
View file

@ -51,7 +51,7 @@ export const Layout: React.FC<IProps> = ({ children, breadcrumbs, title, actions
<Head> <Head>
<title>{title} - Tipi</title> <title>{title} - Tipi</title>
</Head> </Head>
<ReactTooltip offset={{ right: 3 }} effect="solid" place="bottom" /> <ReactTooltip offset={{ right: 1 }} effect="solid" place="bottom" />
<Header isUpdateAvailable={!isLatest} /> <Header isUpdateAvailable={!isLatest} />
<div className="page-wrapper"> <div className="page-wrapper">
<div className="page-header d-print-none"> <div className="page-header d-print-none">

11
packages/dashboard/src/modules/Apps/containers/AppDetailsContainer/AppDetailsContainer.tsx
View file

@ -164,12 +164,17 @@ export const AppDetailsContainer: React.FC<IProps> = ({ app, info }) => {
<div className="card-header d-flex flex-column flex-md-row"> <div className="card-header d-flex flex-column flex-md-row">
<AppLogo id={info.id} size={130} alt={info.name} /> <AppLogo id={info.id} size={130} alt={info.name} />
<div className="w-100 d-flex flex-column ms-md-3 align-items-center align-items-md-start"> <div className="w-100 d-flex flex-column ms-md-3 align-items-center align-items-md-start">
<div className=""> <div>
<span className="mt-1 me-1">Version: </span> <span className="mt-1 me-1">Version: </span>
<span className="badge bg-gray mt-2">{info?.version}</span> <span className="badge bg-gray mt-2">{info?.version}</span>
</div> </div>
<span className="mt-2 text-muted text-center mb-2">{info.short_desc}</span> {app.domain && (
{app && app?.status !== AppStatusEnum.Missing && <AppStatus status={app.status} />} <a target="_blank" rel="noreferrer" className="mt-1" href={`https://${app.domain}`}>
https://{app.domain}
</a>
)}
<span className="mt-1 text-muted text-center mb-2">{info.short_desc}</span>
<div className="mb-1">{app && app?.status !== AppStatusEnum.Missing && <AppStatus status={app.status} />}</div>
<AppActions <AppActions
updateAvailable={updateAvailable} updateAvailable={updateAvailable}
onUpdate={updateDisclosure.open} onUpdate={updateDisclosure.open}