Jonas12294/fun_small_projects
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated AdvancedCalculator.js

Browse Source
This commit is contained in:
Jonas 2025-03-20 13:51:18 +01:00
parent c0d35c27ab
commit 157955011e
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/AdvancedCalculator.js
View File

@ -1766,11 +1766,12 @@ const AdvancedCalculator = () => {
</button> </button>
</div> </div>
<div className="simulation-container" style={{ backgroundColor: darkMode ? '#1f2937' : '#ffffff' }}> <div className="simulation-container">
<ResponsiveContainer width="100%" height="100%"> <ResponsiveContainer width="100%" height="100%">
<LineChart <LineChart
data={simulationData} data={simulationData}
style={{ backgroundColor: colors.background }} style={{ backgroundColor: colors.background }}
>
<CartesianGrid strokeDasharray="3 3" stroke={colors.grid} /> <CartesianGrid strokeDasharray="3 3" stroke={colors.grid} />
<XAxis <XAxis
dataKey="x" dataKey="x"
@ -1847,13 +1848,9 @@ const AdvancedCalculator = () => {
document.documentElement.setAttribute('data-theme', darkMode ? 'dark' : 'light'); document.documentElement.setAttribute('data-theme', darkMode ? 'dark' : 'light');
}, [darkMode]); }, [darkMode]);
// Add spreadsheet to tabs // Return the calculator UI
return ( return (
<div className={`calculator-container ${darkMode ? 'dark-mode' : ''}`} <div className={`calculator-container ${darkMode ? 'dark-mode' : ''}`}>
style={{
backgroundColor: darkMode ? '#1f2937' : '#ffffff',
color: darkMode ? '#ffffff' : '#000000'
}}
<div className="calculator-header"> <div className="calculator-header">
<h1 className="calculator-title">Advanced Calculator</h1> <h1 className="calculator-title">Advanced Calculator</h1>
<div className="header-buttons"> <div className="header-buttons">