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

Set background to qortal search bar

Browse Source
This commit is contained in:
Nicola Benaglia 2025-04-12 18:05:59 +02:00
parent 7fee249c65
commit 7745b3da19
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Apps/AppsHomeDesktop.tsx
View File

@ -6,7 +6,7 @@ import {
AppLibrarySubTitle, AppLibrarySubTitle,
AppsContainer, AppsContainer,
} from './Apps-styles'; } from './Apps-styles';
import { Box, ButtonBase, Input } from '@mui/material'; import { Box, ButtonBase, Input, useTheme } from '@mui/material';
import { Add } from '@mui/icons-material'; import { Add } from '@mui/icons-material';
import { isMobile } from '../../App'; import { isMobile } from '../../App';
import { executeEvent } from '../../utils/events'; import { executeEvent } from '../../utils/events';
@ -25,6 +25,7 @@ export const AppsHomeDesktop = ({
myName, myName,
}) => { }) => {
const [qortalUrl, setQortalUrl] = useState(''); const [qortalUrl, setQortalUrl] = useState('');
const theme = useTheme();
const openQortalUrl = () => { const openQortalUrl = () => {
try { try {
@ -36,7 +37,9 @@ export const AppsHomeDesktop = ({
executeEvent('open-apps-mode', {}); executeEvent('open-apps-mode', {});
setQortalUrl('qortal://'); setQortalUrl('qortal://');
} }
} catch (error) {} } catch (error) {
console.log(error);
}
}; };
return ( return (
<> <>
@ -66,7 +69,10 @@ export const AppsHomeDesktop = ({
display: 'flex', display: 'flex',
gap: '20px', gap: '20px',
alignItems: 'center', alignItems: 'center',
backgroundColor: '#1f2023', backgroundColor:
theme.palette.mode === 'dark'
? 'rgba(41, 41, 43, 1)'
: 'rgb(209, 209, 209)',
padding: '7px', padding: '7px',
borderRadius: '20px', borderRadius: '20px',
width: '100%', width: '100%',
@ -85,7 +91,7 @@ export const AppsHomeDesktop = ({
placeholder="qortal://" placeholder="qortal://"
sx={{ sx={{
width: '100%', width: '100%',
color: 'white', color: theme.palette.mode === 'dark' ? 'white' : 'black',
'& .MuiInput-input::placeholder': { '& .MuiInput-input::placeholder': {
color: 'rgba(84, 84, 84, 0.70) !important', color: 'rgba(84, 84, 84, 0.70) !important',
fontSize: '20px', fontSize: '20px',