jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - capitalize first letter

Browse source
This commit is contained in:
Shekar Siri 2022-06-23 11:59:05 +02:00
parent f96100fea9
commit af23769d74
4 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapper.tsx
View file

@ -111,7 +111,7 @@ function WidgetWrapper(props: Props) {
<div
className={cn("p-3 pb-4 flex items-center justify-between", { "cursor-move" : !isTemplate && isWidget })}
>
<div className="capitalize w-full font-medium">{widget.name}</div>
<div className="capitalize-first w-full font-medium">{widget.name}</div>
{isWidget && (
<div className="flex items-center" id="no-print">
{!isPredefined && isTimeSeries && (

2
frontend/app/components/ui/PageTitle/PageTitle.tsx
View file

@ -9,7 +9,7 @@ function PageTitle({ title, actionButton = null, subTitle = '', className = '',
return (
<div>
<div className='flex items-center'>
<h1 className={cn("text-2xl", className)}>
<h1 className={cn("text-2xl capitalize-first", className)}>
{title}
</h1>
{ actionButton && actionButton}

2
frontend/app/components/ui/SideMenuitem/SideMenuitem.js
View file

@ -43,7 +43,7 @@ function SideMenuitem({
<Icon name={ iconName } size={ iconSize } color={active ? 'teal' : iconColor} className="absolute" />
</div>
)}
<span className={stl.title}>{ title }</span>
<span className={cn(stl.title, 'capitalize-first')}>{ title }</span>
</div>
{ leading && leading }
</div>

4
frontend/app/styles/global.scss
View file

@ -2,4 +2,8 @@
font-weight: 500;
margin-bottom: 5px;
color: '#888';
}
.capitalize-first::first-letter {
text-transform: uppercase;
}