moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change classNames "material-status" to use only Tailwind

This commit is contained in:
danidfra 2024-11-06 16:10:18 -03:00
parent ea9719be51
commit 783176fd87
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/status.tsx
View File

@ -401,6 +401,7 @@ const Status: React.FC<IStatus> = (props) => {
return ( return (
<HotKeys handlers={handlers} data-testid='status'> <HotKeys handlers={handlers} data-testid='status'>
{/* eslint-disable-next-line jsx-a11y/interactive-supports-focus */}
<div <div
className={clsx('status cursor-pointer', { focusable })} className={clsx('status cursor-pointer', { focusable })}
tabIndex={focusable && !muted ? 0 : undefined} tabIndex={focusable && !muted ? 0 : undefined}

4
src/features/placeholder/components/placeholder-material-status.tsx
View File

@ -5,8 +5,8 @@ import PlaceholderStatus from './placeholder-status';
/** Fake material status to display while data is loading. */ /** Fake material status to display while data is loading. */
const PlaceholderMaterialStatus: React.FC = () => { const PlaceholderMaterialStatus: React.FC = () => {
return ( return (
<div className='material-status' tabIndex={-1} aria-hidden> <div className='pb-2.5' tabIndex={-1} aria-hidden>
<div className='material-status__status' tabIndex={0}> <div className='rounded-[10px] py-[15px] pb-[10px] shadow-[0_0_6px_0_rgba(0,0,0,0.1)]' tabIndex={0}>
<PlaceholderStatus /> <PlaceholderStatus />
</div> </div>
</div> </div>