Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-14 20:11:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add sx to IconButton

Browse Source
This commit is contained in:
Nicola Benaglia 2025-06-12 19:51:45 +02:00
parent 1abda4a278
commit 1d50a96d25
13 changed files with 53 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/common/BoundedNumericTextField.tsx
View File

@ -135,6 +135,10 @@ export const BoundedNumericTextField = ({
<IconButton
size="small"
onClick={() => changeValueWithIncDecButton(1)}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
<AddIcon
sx={{
@ -145,6 +149,10 @@ export const BoundedNumericTextField = ({
<IconButton
size="small"
onClick={() => changeValueWithIncDecButton(-1)}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
<RemoveIcon
sx={{

9
src/components/Embeds/ImageEmbed.tsx
View File

@ -269,11 +269,12 @@ export function ImageViewer({ src = null, alt = '' }) {
<IconButton
onClick={handleCloseFullscreen}
sx={{
position: 'absolute',
top: 8,
right: 8,
zIndex: 10,
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
position: 'absolute',
right: 8,
top: 8,
zIndex: 10,
}}
>
<CloseIcon />

4
src/components/Group/AddGroup.tsx
View File

@ -252,6 +252,10 @@ export const AddGroup = ({ address, open, setOpen }) => {
color="inherit"
edge="start"
onClick={handleClose}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
<CloseIcon />
</IconButton>

3
src/components/Group/BlockedUsersModal.tsx
View File

@ -406,10 +406,11 @@ export const BlockedUsersModal = () => {
})}
onClick={onCancel}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
position: 'absolute',
right: 8,
top: 8,
color: theme.palette.text.primary,
}}
>
<CloseIcon />

4
src/components/Group/GroupInvites.tsx
View File

@ -173,6 +173,10 @@ export const GroupInvites = ({ myAddress, setOpenAddGroup }) => {
aria-label={t('core:comment_other', {
postProcess: 'capitalizeFirstChar',
})}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
<GroupAddIcon
sx={{

4
src/components/Group/GroupJoinRequests.tsx
View File

@ -256,6 +256,10 @@ export const GroupJoinRequests = ({
aria-label={t('core:comment_other', {
postProcess: 'capitalizeFirstChar',
})}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
<GroupAddIcon
sx={{

7
src/components/Group/ListOfThreadPostsWatched.tsx
View File

@ -5,7 +5,7 @@ import ListItemButton from '@mui/material/ListItemButton';
import ListItemText from '@mui/material/ListItemText';
import IconButton from '@mui/material/IconButton';
import { executeEvent } from '../../utils/events';
import { Box, Typography } from '@mui/material';
import { Box, Typography, useTheme } from '@mui/material';
import { Spacer } from '../../common/Spacer';
import { CustomLoader } from '../../common/CustomLoader';
import VisibilityIcon from '@mui/icons-material/Visibility';
@ -14,6 +14,7 @@ import { useTranslation } from 'react-i18next';
export const ListOfThreadPostsWatched = () => {
const [posts, setPosts] = useState([]);
const [loading, setLoading] = useState(true);
const theme = useTheme();
const { t } = useTranslation([
'auth',
'core',
@ -175,6 +176,10 @@ export const ListOfThreadPostsWatched = () => {
aria-label={t('core:comment_other', {
postProcess: 'capitalizeFirstChar',
})}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
<VisibilityIcon
sx={{

4
src/components/Group/ManageMembers.tsx
View File

@ -229,6 +229,10 @@ export const ManageMembers = ({
color="inherit"
edge="start"
onClick={handleClose}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
<CloseIcon />
</IconButton>

4
src/components/Group/Settings.tsx
View File

@ -181,6 +181,10 @@ export const Settings = ({ open, setOpen, rawWallet }) => {
aria-label={t('core:action.close', {
postProcess: 'capitalizeFirstChar',
})}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
<CloseIcon />
</IconButton>

4
src/components/Minting/Minting.tsx
View File

@ -565,6 +565,10 @@ export const Minting = ({ setIsOpenMinting, myAddress, show }) => {
aria-label={t('core:action.close', {
postProcess: 'capitalizeFirstChar',
})}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
<CloseIcon />
</IconButton>

3
src/components/Theme/ThemeSelector.tsx
View File

@ -22,7 +22,8 @@ const ThemeSelector = () => {
<IconButton
onClick={toggleTheme}
sx={{
color: theme.palette.text.secondary,
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
>
{themeMode === 'dark' ? <LightModeIcon /> : <DarkModeIcon />}

6
src/components/Tutorials/Tutorials.tsx
View File

@ -72,10 +72,11 @@ export const Tutorials = () => {
})}
onClick={handleClose}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
position: 'absolute',
right: 8,
top: 8,
color: theme.palette.text.primary,
}}
>
<CloseIcon />
@ -120,10 +121,11 @@ export const Tutorials = () => {
})}
onClick={handleClose}
sx={{
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
position: 'absolute',
right: 8,
top: 8,
color: theme.palette.text.primary,
}}
>
<CloseIcon />

2
src/components/Wallets.tsx
View File

@ -562,6 +562,8 @@ const WalletItem = ({ wallet, updateWalletItem, idx, setSelectedWallet }) => {
<IconButton
sx={{
alignSelf: 'flex-start',
bgcolor: theme.palette.background.default,
color: theme.palette.text.primary,
}}
onClick={(e) => {
e.stopPropagation();