Skip to content

fix multiple UI errors in master #6276

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Aug 21, 2025
Merged

fix multiple UI errors in master #6276

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
325f2d1
fix error with overlow
Aniket-Engg Aug 21, 2025
2983d86
ai btn in circom
Aniket-Engg Aug 21, 2025
3cf8969
fix padding and bg for circom
Aniket-Engg Aug 21, 2025
5b00b74
bg and padding for vyper
Aniket-Engg Aug 21, 2025
43d781b
fix secondary badge color for light theme
Aniket-Engg Aug 21, 2025
1847e1d
fixed linting
Aniket-Engg Aug 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/circuit-compiler/src/app/components/generateProof.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export function GenerateProof () {
onChange={() => circuitApp.dispatch({ type: 'SET_EXPORT_VERIFIER_CALLDATA', payload: !circuitApp.appState.exportVerifierCalldata })}
checked={circuitApp.appState.exportVerifierCalldata}
/>
<label className="form-check-label pt-1" htmlFor="circuitExportVerifierCalldata">
<label className="form-check-label" htmlFor="circuitExportVerifierCalldata">
<FormattedMessage id="circuit.exportVerifierCalldata" />
</label>
</div>
Expand Down
8 changes: 4 additions & 4 deletions apps/circuit-compiler/src/app/components/setupExports.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ export function SetupExports () {
<label className="circuit_inner_label form-check-label">
<FormattedMessage id="circuit.provingScheme" />
</label>
<div className="radio form-control custom-radio mb-1 form-check">
<div className="radio form-control custom-radio mb-1 form-check bg-body">
<input
type="radio"
className="align-middle form-check-input"
Expand All @@ -30,7 +30,7 @@ export function SetupExports () {
Groth16
</label>
</div>
<div className="radio form-control custom-radio form-check">
<div className="radio form-control custom-radio form-check bg-body">
<input
type="radio"
className="align-middle form-check-input"
Expand Down Expand Up @@ -85,7 +85,7 @@ export function SetupExports () {
onChange={() => circuitApp.dispatch({ type: 'SET_EXPORT_VERIFICATION_CONTRACT', payload: !circuitApp.appState.exportVerificationContract })}
checked={circuitApp.appState.exportVerificationContract}
/>
<label className="form-check-label pt-1" htmlFor="circuitExportVerifierContract">
<label className="form-check-label" htmlFor="circuitExportVerifierContract">
<FormattedMessage id="circuit.exportVerifierContract" />
</label>
</div>
Expand All @@ -98,7 +98,7 @@ export function SetupExports () {
onChange={() => circuitApp.dispatch({ type: 'SET_EXPORT_VERIFICATION_KEY', payload: !circuitApp.appState.exportVerificationKey })}
checked={circuitApp.appState.exportVerificationKey}
/>
<label className="form-check-label pt-1" htmlFor="circuitExportVerificationKey">
<label className="form-check-label" htmlFor="circuitExportVerificationKey">
<FormattedMessage id="circuit.exportVerificationKey" />
</label>
</div>
Expand Down
2 changes: 1 addition & 1 deletion apps/circuit-compiler/src/app/components/witness.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ export function WitnessSection () {
onChange={() => { dispatch({ type: 'SET_EXPORT_WTNS_JSON', payload: !exportWtnsJson }) }}
checked={exportWtnsJson}
/>
<label className="form-check-label pt-1" htmlFor="circuitExportWtnsJson">
<label className="form-check-label" htmlFor="circuitExportWtnsJson">
<FormattedMessage id="circuit.exportWtnsJson" />
</label>
</div>
Expand Down
2 changes: 1 addition & 1 deletion apps/remix-ide/src/app/ui/landing-page/landing-page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export class LandingPage extends ViewPlugin {
}

render () {
return <div id='landingPageHomeContainer' className='remixui_homeContainer justify-content-between bg-light d-flex' data-id='landingPageHomeContainer' style={{ 'overflow-y': 'hidden'}}>
return <div id='landingPageHomeContainer' className='remixui_homeContainer justify-content-between bg-light d-flex overflow-y-hidden' data-id='landingPageHomeContainer'>
<RemixUiHomeTab plugin={this} />
</div>
}
Expand Down
6 changes: 3 additions & 3 deletions apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,15 +38,15 @@
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #007aa6;
--bs-secondary: #747b90;
--bs-secondary: #a2a3bd;
--bs-success: #18bc9c;
--bs-info: #3498db;
--bs-warning: #f39c12;
--bs-danger: #e74c3c;
--bs-light: #f8fafe;
--bs-dark: #8e94a6;
--bs-primary-rgb: 0, 122, 166;
--bs-secondary-rgb: 116 123 144;
--bs-secondary-rgb: 162, 163, 189;
--bs-success-rgb: 24, 188, 156;
--bs-info-rgb: 52, 152, 219;
--bs-warning-rgb: 243, 156, 18;
Expand Down Expand Up @@ -180,7 +180,7 @@
--bs-light-border-subtle: #7b8a8b;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #a2a3bd;
--bs-link-color: #a2a3bd;
--bs-link-hover-color: #b6b8d4;
--bs-link-color-rgb: 162, 163, 189;
--bs-link-hover-color-rgb: 182, 184, 212;
Expand Down
8 changes: 3 additions & 5 deletions apps/vyper/src/app/app.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -145,7 +145,7 @@ const App = () => {
<div className="pb-2 border-bottom">
<Form>
<div className="d-flex flex-row justify-content-around mb-1 mt-2">
<div className={`form-control custom-radio ${state.environment === 'remote' ? 'd-flex' : 'd-flex cursor-status'}`}>
<div className={`form-control custom-radio ${state.environment === 'remote' ? 'd-flex' : 'd-flex cursor-status'} bg-body`}>
<input
type="radio"
id="remote-compiler"
Expand All @@ -159,10 +159,9 @@ const App = () => {
<label
htmlFor="remote-compiler"
className="form-check-label"
style={{ paddingTop: '0.19rem' }}
>Remote Compiler</label>
</div>
<div className={`form-control custom-radio ${state.environment === 'local' ? 'me-2' : `cursor-status`}`}>
<div className={`form-control custom-radio ${state.environment === 'local' ? 'me-2' : `cursor-status`} bg-body p-0 mt-1`}>
<input
id="local-compiler"
data-id="local-compiler"
Expand All @@ -171,12 +170,11 @@ const App = () => {
name="local"
value={state.environment}
onChange={() => setEnvironment('local')}
className={`form-check-input ${state.environment === 'local' ? '' : `cursor-status`}`}
className={`form-check-input ${state.environment === 'local' ? '' : `cursor-status`} me-1`}
/>
<label
htmlFor="local-compiler"
className="form-check-label"
style={{ paddingTop: '0.19rem' }}
>Local Compiler</label>
</div>
</div>
Expand Down
16 changes: 11 additions & 5 deletions libs/remix-ui/helper/src/lib/components/feedbackAlert.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,17 +14,23 @@ export function FeedbackAlert ({ message, askGPT }: FeedbackAlertProps) {
<RenderIf condition={showAlert}>
<>
<span> { message } </span>
<div className="btn-close" data-id="renderer" onClick={handleCloseAlert}>
<div className="close" data-id="renderer" onClick={handleCloseAlert}>
<i className="fas fa-times"></i>
</div>
<div className="d-flex pt-1 flex-row-reverse">
<span className="ms-3 pt-1 py-1" >
<CopyToClipboard content={message} className="p-0 m-0 far fa-copy error" direction={'top'} />
</span>
<span className="border border-success text-success btn-sm" onClick={(e) => {
e.stopPropagation()
askGPT()
}}>Ask RemixAI</span>
<button
className="btn btn-ai"
data-id="ask-remix-ai-button"
onClick={(event) => {
event.stopPropagation()
askGPT() }}
>
<img src="assets/img/remixAI_small.svg" alt="Remix AI" className="explain-icon" />
<span>Ask RemixAI</span>
</button>
</div>
</>
</RenderIf>
Expand Down