ref(Theme): Changes typography values to rem (#16021)

Replaces hard-coded pixel values with relative rem units across UI components to improve typography responsiveness and maintainability.

Co-authored-by: Hristo Terezov <hristo@jitsi.org>
This commit is contained in:
raduanastase8x8
2025-08-07 03:07:27 +03:00
committed by GitHub
parent b5ad984dab
commit d2e52d2c2a
110 changed files with 502 additions and 487 deletions

View File

@@ -1,6 +1,8 @@
import React from 'react';
import { makeStyles } from 'tss-react/mui';
import { remToPixels } from '../../../base/ui/functions.any';
import { DISPLAY_NAME_VERTICAL_PADDING } from './styles';
const useStyles = makeStyles()(theme => {
@@ -13,7 +15,7 @@ const useStyles = makeStyles()(theme => {
color: text01,
maxWidth: '50%',
overflow: 'hidden',
padding: `${DISPLAY_NAME_VERTICAL_PADDING / 2}px 16px`,
padding: `${remToPixels(`${DISPLAY_NAME_VERTICAL_PADDING}rem`) / 2}px 16px`,
textOverflow: 'ellipsis',
whiteSpace: 'nowrap'
}