checkpoint

dskill · Nov 17, 2024 · 98219ed · 98219ed
1 parent 3d9cf23
commit 98219ed
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/App.css b/src/App.css
@@ -621,6 +621,7 @@ button:active {
   border: none;
   border-radius: 4px;
   cursor: pointer;
+  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
   font-size: 24px;
   color: rgb(198, 202, 224);
   transition: all 0.3s ease;
@@ -788,9 +789,6 @@ button:active {
   left: 50%;
   transform: translateX(-50%);
   z-index: 2000;
-  font-family: 'VT323', monospace;
-  font-size: 16px;
-  color: rgb(198, 202, 224);
   background: rgba(0, 0, 0, 0.3);
   border: 1px solid rgba(198, 202, 224, 0.3);
   padding: 8px 20px;

diff --git a/src/VisualizationMode.js b/src/VisualizationMode.js
@@ -53,7 +53,9 @@ function VisualizationMode({ synths, currentSynth, switchSynth, nextSynth, previ
       )}
 
       <button className="select-screen-button" onClick={onOpenEffectSelect}>
-        {currentSynth ? prettifySynthName(currentSynth.name) : 'No Effect Selected'}
+        <div className="effect-name">
+          {currentSynth ? prettifySynthName(currentSynth.name) : 'No Effect Selected'}
+        </div>
       </button>
 
       <VisualizationCanvas currentEffect={currentSynth} />