cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-09-07 07:19:16 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor(ui): title alignment is logo aware

Browse Source
This commit is contained in:
Carlos Valente
2026-08-02 12:13:41 +02:00
committed by Carlos Valente
parent 76b1341432
commit 2050735014
8 changed files with 71 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/views/studio/Studio.scss
+12
View File
@@ -35,9 +35,21 @@
font-size: $header-font-size;
font-weight: 600;
display: flex;
align-items: center;
gap: 1rem;
}
.project-header__brand {
display: flex;
align-items: center;
gap: 1rem;
min-width: 0;
}
.project-header__brand--without-logo {
align-self: baseline;
}
.logo {
max-width: min(200px, 20vw);
}
apps/client/src/views/studio/Studio.tsx
+4 -2
View File
@@ -43,8 +43,10 @@ function Studio({ customFields, projectData, isMirrored, settings, viewSettings
<ViewParamsEditor target={OntimeView.StudioClock} viewOptions={studioOptions} />
<div className='project-header'>
{projectData?.logo && <ViewLogo name={projectData.logo} className='logo' />}
<div className='title'>{projectData.title}</div>
<div className={cx(['project-header__brand', !projectData?.logo && 'project-header__brand--without-logo'])}>
{projectData?.logo && <ViewLogo name={projectData.logo} className='logo' />}
<div className='title'>{projectData.title}</div>
</div>
</div>
<div className={cx(['studio-contents', hideCards && 'studio-contents--onecol'])}>