Update list group headers styling
This commit is contained in:
@@ -285,7 +285,7 @@ export function Extensions({ tabsMenuHeight }: { tabsMenuHeight: number }) {
|
||||
const [groupName] = filteredGroupedExtensions[index];
|
||||
|
||||
return (
|
||||
<StyledGroupHeader key={groupName} variant="h4" isFirstItem={index === 0}>
|
||||
<StyledGroupHeader key={groupName} variant="h5" component="h2" isFirstItem={index === 0}>
|
||||
{translateExtensionLanguage(groupName)}
|
||||
</StyledGroupHeader>
|
||||
);
|
||||
|
||||
@@ -140,11 +140,12 @@ export function Sources() {
|
||||
<Fragment key={lang}>
|
||||
<Typography
|
||||
key={lang}
|
||||
variant="h4"
|
||||
style={{
|
||||
paddingLeft: '24px',
|
||||
paddingTop: '6px',
|
||||
paddingBottom: '16px',
|
||||
variant="h5"
|
||||
component="h2"
|
||||
sx={{
|
||||
paddingLeft: 3,
|
||||
paddingTop: 1,
|
||||
paddingBottom: 2,
|
||||
fontWeight: 'bold',
|
||||
}}
|
||||
>
|
||||
|
||||
@@ -156,7 +156,7 @@ export const Updates: React.FC = () => {
|
||||
endReached={loadMore}
|
||||
groupCounts={groupCounts}
|
||||
groupContent={(index) => (
|
||||
<StyledGroupHeader variant="h5" isFirstItem={index === 0}>
|
||||
<StyledGroupHeader variant="h5" component="h2" isFirstItem={index === 0}>
|
||||
{groupedUpdates[index][0]}
|
||||
</StyledGroupHeader>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user