diff --git a/apps/vyper/src/app/app.css b/apps/vyper/src/app/app.css index f299c4d37a..57b85f6dba 100644 --- a/apps/vyper/src/app/app.css +++ b/apps/vyper/src/app/app.css @@ -222,3 +222,11 @@ html, body, #root, main { margin: 15px; padding: 15px; } + +.cursor-status { + +} + +.cursor-status :hover { + cursor: pointer; +} diff --git a/apps/vyper/src/app/app.tsx b/apps/vyper/src/app/app.tsx index 98c5a37b78..d7973309ee 100644 --- a/apps/vyper/src/app/app.tsx +++ b/apps/vyper/src/app/app.tsx @@ -110,8 +110,10 @@ const App = () => {
- setEnvironment('remote')} label="Remote Compiler" style={{cursor: state.environment === 'remote' ? 'default' : 'pointer'}} className="d-flex mr-4" /> - setEnvironment('local')} label="Local Compiler" style={{cursor: state.environment === 'local' ? 'default' : 'pointer'}} /> + setEnvironment('remote')} label="Remote Compiler" className={`${state.environment === 'remote' ? `d-flex mr-4 cursor-status` : 'd-flex mr-4'}`} + /> + setEnvironment('local')} label="Local Compiler" + className={`${state.environment === 'local' ? `cursor-status` : ''}`}/>
Specify the compiler version & EVM version in the .vy file