updates

Author: JustDeveloper1

lib/builder.js

@@ -96,7 +96,7 @@ const Builder = () => {
                     var h_div = document.getElementById('monaco');
                     const defwidth = window.innerWidth;
                     window.addEventListener('resize', () => {
-                        if (defwidth < window.innerWidth) {
+                        if (defwidth > window.innerWidth) {
                             window.location.reload();
                         }
                     });

lib/ui/select.js

@@ -35,7 +35,7 @@ const Select = ({
 
     return (
         <>
-            <button title={placeholder} type='button'><img src={items[id][1]} title={items[id][0]} alt="" color='white' />{items[id][0]}</button>
+            <button title={placeholder} type='button' className='bb cw sb scp'><img src={items[id][1]} title={items[id][0]} alt="" className='fi' />{items[id][0]}</button>
         </>
     )
 }

pages/style.css

@@ -59,7 +59,7 @@ body {
     border: 2px solid rgba(0,0,0,0.2);
     border-radius: 20px;
 }
-.builder div:not(#monaco) {
+.builder div:not(#monaco):not(#monaco *) {
     display: flex;
     flex-direction: row;
     gap: 10px;
@@ -85,9 +85,16 @@ h1 {
     -webkit-animation-delay: 0.2s;
 }
 
-.cw { /* Color White */
+.cw { /* Color: White */
     color: white;
 }
+.bb { /* Background: Black */
+    background-color: black;
+}
+.fi { /* Filter: Invert */
+    filter: invert(1);
+    -webkit-filter: invert(1);
+}
 
 .ag { /* Animation Glow (Text) */
     animation: g var(--a);
@@ -138,3 +145,10 @@ h1 {
 #monaco {
     height: 420px;
 }
+
+.sb { /* Select Button */
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 10px;
+}